@charset "utf-8";
/* CSS Document */

/* 基础设置 */

/*=================default===================*/
html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: relative;
	
}

body {
	overflow-x: hidden;
	-webkit-text-size-adjust: none; height:100%; width: 100%;
	overflow-y: scroll;
	background: #fff;
	font-size: 14px;
	
}


.search ::-webkit-input-placeholder { /* Edge */
  color: #fff;
}

.search :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.search ::placeholder {
  color: #fff;
}


@font-face
{
font-family: roboto-b;
src: url('../font/Roboto-Bold.ttf');
}

@font-face
{
font-family: roboto-r;
src: url('../font/Roboto-Regular.ttf');
}


@font-face
{
font-family: hn-ltpro;
src: url('../font/HelveticaNeueLTPro.ttf');
}


@font-face
{
font-family: hn-cet;
src: url('../font/HelveticaNeueCEThin.ttf');
}


@font-face
{
font-family: hn-cer;
src: url('../font/HelveticaNeueCERoman.ttf');
}


@font-face
{
font-family: din-r;
src: url('../font/DINRegular.ttf');
}


*{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; line-height: 1.75;}

.layui-form-switch ,.layui-form-switch *{ -webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;}

.af-cb:after{clear: both; content: ' '; overflow: hidden; width: 0; height: 0; display: block;}

::selection{background:#E6002D; color:#fff;}
::-moz-selection{background:#E6002D; color:#fff;}

a,a:link{ color: #333; text-decoration: none;}
a:hover,a:active{ color: #E6002D; text-decoration: none;}

a:hover i.pic-size img{-webkit-transform: scale(1.05); transform: scale(1.05);}

.block{display: block !important;}

/*定义动画*/
.e-ani *,.e-ani *:before,.e-ani *:after{-webkit-transition: .3s; transition:.3s;}


.nav * .nav-btn-bg{-webkit-transition:left .3s ease .03s; transition:left .3s ease .03s;}/*0.03延迟解决".nav-btn-bg"元素抖动*/

.e-animte{-webkit-transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,-webkit-transform .5s, top 0s linear .6s, bottom 0s linear .6s, left 0s linear .6s;
transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,transform .5s, top 0s linear .6s,bottom 0s linear .6s,left 0s linear .6s;}

*.e-animte-show{-webkit-transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,-webkit-transform .5s, top 0s linear 0s, bottom 0s linear 0s, top 0s linear 0s;
transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,transform .5s, top 0s linear 0s, bottom 0s linear 0s, top 0s linear 0s;}

.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

/*--简易切换动画--*/
.tabs-box .bd{ transition: .3s;}
.tabs-box .bd:after{content: ' '; clear: both; width: 0; height: 0; overflow: hidden;}
.tabs-box .bd>.tabs-hide{ position: absolute; top: 0; left: -10000px; width: 100%; overflow: hidden; -webkit-transform: none; transform: none; opacity: 0; -webkit-animation: tabs-hide .8s; animation: tabs-hide .8s;}
@-webkit-keyframes tabs-hide /* Safari 和 Chrome */
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 0;}
}
@keyframes tabs-hide
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 0;}
}
.tabs-box .bd>.tabs-on{ position: relative; top: 0; left: 0; width: 100%; -webkit-transform:none; transform: none; opacity: 1;}
.tabs-box .bd>.tabs-show{ position: relative; top: 0; left: 0; width: 100%; overflow: visible; -webkit-transform:none; transform: none; opacity: 1; -webkit-animation: tabs-show .8s; animation: tabs-show .8s;}
@-webkit-keyframes tabs-show /* Safari 和 Chrome */
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 0;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
}
@keyframes tabs-show
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 0;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
}


/* 切换 */
.tabs-box .hd-line{transition: .3s;}
.tabs-box .hd>*{position: relative;}
.tabs-box .bd{ position: relative; overflow: hidden;}
.e-anim-hide{display: none;}
.e-anim-on{ display: block;}
.e-anim-off{  pointer-events: none; display: block; display: none\9;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .e-anim-off { display: block;  } /* IE10+ */
}


.tabs-box .e-anim-on{animation:tabs-anim-on .3s;animation-fill-mode: both;  width: 100%;}
.tabs-box .e-anim-off{ animation:tabs-anim-off .3s;  width: 100%; position: absolute; animation-fill-mode: both;  top: 0;}


@keyframes tabs-anim-on{
	from { opacity: 0; }
	to {opacity: 1;}
}
@keyframes tabs-anim-off{
	from { opacity: 1; }
	to { opacity: 0;}
}




/*--最小屏提示--*/
@media screen and (max-width: 319px) {
html{-webkit-transition: 0s;  transition: 0s; background: #fff url(../img/displayNone.png) center center no-repeat; }
	body {
		-webkit-transition: 0s;  transition: 0s; display: none;
	}
}

/*--layui--*/
.layui-layer,.layui-layer *{ -webkit-transition: 0s; transition: 0s;}

/*--移动端横屏提示--*/
@media (max-width: 991px) and (orientation : landscape) {
	html.landscape {
		background: #fff url(../img/landscape.png) center center no-repeat;
	}
	html.landscape body {
		display: none;
	}
}


/*--swiper2.x高度自适应--*/
/* .swiper-container .swiper-wrapper{ height: auto !important;} */

/*默认动画时长*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration:1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated-s {
  -webkit-animation-duration: .5s;
  animation-duration:.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*百度分享*/
.bdsharebuttonbox,.bdsharebuttonbox *,.bd_weixin_popup_bg,.bd_weixin_popup{ -webkit-transition: 0s;
transition: 0s;}
.bdsharebuttonbox *{-webkit-transition: .3s;
transition: .3s;}

/*bshare分享*/
#bsPanel,#bsPanel *,#bsBox,#bsBox *{-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;}

/*百度分享*/
.bdsharebuttonbox,.bdsharebuttonbox *,.bd_weixin_popup_bg,.bd_weixin_popup{ -webkit-transition: 0s;
transition: 0s;}
.bdsharebuttonbox *{-webkit-transition: .3s;
transition: .3s;}

/*bshare分享微信弹窗兼容*/
#bsWXBox{-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;}


/*百度地图*/
.map *{ -webkit-transition: 0s;
-moz-transition: 0s;
-ms-transition: 0s;
-o-transition: 0s;
transition: 0s;}
.map label,.map img{max-width: none !important; width: initial !important;}
.map *{ font-size: 12px; -webkit-transition: 0s; transition: 0s; -webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;}

/*视频全屏*/
.video-bg{position: absolute; z-index: -1; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0s; transition: 0s;}

/*lightbox*/
.lightbox,.lightbox *,.lightboxOverlay,.lightboxOverlay *{-webkit-transition: 0s;
-moz-transition: 0s;
-ms-transition: 0s;
-o-transition: 0s;
transition: 0s; -webkit-transform:translateZ(0); transform:translateZ(0);}


/*--分页--*/
div.pages {text-align: center; width: 100%; padding: 20px 0 0 0; margin: 0; line-height: 1.7;}
div.pages *{ line-height: 1.7;}
div.pages a,div.pages span {text-decoration: none; background: #fff; border: 1px solid #DDDDDD; padding: 6px 12px; margin: 3px; color: #999999; font-size: 12px; display: inline-block; font-weight: normal; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
div.pages a.on,div.pages a.hover,div.pages a:hover,div.pages a:active,div.pages span.current,div.pages span.disabled { background: #E6002D; color: #fff; border: 1px solid #E6002D;  line-height: 1.7;}
@media screen and (min-width: 992px) {
	div.pages{ padding-top: 40px;}
	div.pages a,div.pages span{ margin:3px 7px;}
	div.pages a,div.pages span{ padding: 9px 16px; font-size: 14px;}
}





/*--移动端设置&小屏电脑 图片缩放--*/
/*设置最大屏像素-1*/
@media screen and (max-width: 1259px){
/*.content-box img,.content-bd img{width: auto !important; height: auto !important; max-width: 100%;}*/
}

/*图片比例裁剪预设*/
i.pic-size{ width: 100%; height: 0; padding-bottom: 100%; position: relative; display: block; overflow: hidden;}
i.pic-size img{ width: 100% !important; height: 100% !important; max-width: 100%; max-height: 100%; position: absolute; /* left: -100%; top: -100%; right: -100%; bottom: -100%;*/ margin: auto; object-fit: contain;}
i.pic-size-cover img{object-fit: cover;}
i.pic-size-scale-down img{object-fit: scale-down;}
i.pic-size-none img{object-fit: none;}


.layui-form-checked[lay-skin=primary] i{ border-color: #E6002D; background-color: #E6002D;}
.layui-form-checkbox[lay-skin=primary]:hover i{ border-color: #E6002D;}

.pic img{width: 100%;}




/*=================layout===================*/
@media screen and (min-width: 320px) {
	.container{ padding: 0 15px; margin: 0 auto;}
	.container:after{ content: " "; display: block; clear: both; width: 0; height: 0; overflow: hidden;}
	.container-max{ padding: 0 15px; width: 100%; margin: 0 auto;}

	/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
		::-webkit-scrollbar
		{
		    width: 10px;
		    height: 10px;
		    background-color: #f7f7f7;
		}
		 
		/*定义滚动条轨道 内阴影+圆角*/
		::-webkit-scrollbar-track
		{
		    background-color: #e6e6e6;
		}
		 
		/*定义滑块 内阴影+圆角*/
		::-webkit-scrollbar-thumb
		{
		    background-color: #aaa;
		}
}

@media screen and (min-width: 992px) {
	.container{ width: 980px; padding: 0 10px;}
}
@media screen and (min-width: 1340px) {
	.container{ width: 1320px; padding: 0 12px;}
}








/*=================header===================*/
@media screen and (min-width: 320px) {
	
	div.nav-poa{ position: absolute; left: 0; top: 0; width: 100%;}
	.container-header{position: relative;}
	.nav-box-bg{ background: #fff; height: 55px; width: 100%; position: absolute; left: 0; top: 0; z-index: 8;}
	.nav-box{ height: 55px; position: relative; width: 100%; z-index: 100; /* box-shadow: 0 0 5px rgba(0,0,0,.2); */ }
	.header-box{ height: 55px; display: none;}
	.logo{ float: left; position: relative; z-index: 9; height: 55px; padding: 15px 0 15px 0;}
	.logo a{ display: block; height: 100%;}
	.logo img{ height:100%; display: block;}
	
	
	.nav-btn{ display: block; padding: 0 10px; margin-right: -10px; float: right; cursor: pointer; position: relative; z-index: 9;}
	.nav-btn i{ line-height: 55px; font-size: 22px; width: 24px; text-align: center; color: #E6002D;}
	.nav-hide-btn{ display: none;}
	
	.nav-btn-show .nav-hide-btn{ display: block;}
	.nav-btn-show .nav-show-btn{ display: none;}
	
	.nav{ position: absolute; top: 55px; left: 0; right: 0; background: #0c0c0c; background: rgba(255,255,255,.95);  padding:10px 15px; -webkit-box-shadow: 0 10px 20px  rgba(0,0,0,.2);
	-moz-box-shadow: 0 10px 20px  rgba(0,0,0,.2);
	box-shadow: 0 10px 20px  rgba(0,0,0,.2); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; z-index: 8;}
	
	.nav.e-anim-on{animation:nav-anim-on .3s; animation-fill-mode: both; }
	.nav.e-anim-off{ animation:nav-anim-off .5s; animation-fill-mode: both;}
	
	
	
	
	.nav-list{ visibility: visible !important;}
	.nav-list li{ border-bottom: solid 1px rgba(0,0,0,.1);}
	.nav-list li:nth-last-child(2){border-bottom: none;}
	.nav-list li a{ display: block; }
	.nav-list li a b{font-weight: normal; line-height: 42px; position: relative; color: #666; display: block; text-align: center;}
	
	
	.nav-list li .nav-list-sub{ overflow: hidden; background: rgba(230,230,240,.5);-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; overflow: hidden; 
	transition:height .3s,opacity .3s;}
	.nav-list li .nav-list-sub div{ padding: 10px 15px;}
	.nav-list li .nav-list-sub a{ line-height: 40px; border-bottom: solid 1px rgba(128,128,128,.1); color: #eee; font-size: 12px; text-align: center;}
	.nav-list li .nav-list-sub a:nth-last-of-type(1){border: none;}
	.nav-list li .nav-list-sub a span{ color: #666;}
	.nav-list li .nav-list-sub a:hover span,.nav-list li .nav-list-sub a.on-02 span{ color: #E6002D;}
	.nav-list .nav-on{ border-color: transparent; position: relative; z-index: 9;}
	.nav-list .nav-on a{border-bottom:none ;}
	.nav-list .nav-off{ position: relative; z-index: 1;}
	
	
	.nav-list li .on b,.nav-list li .on i:before{ color: #E6002D;}
	.nav-list li.nav-on a b,.nav-list li.nav-on a i:before{ color: #E6002D;}
	
	
	.nav-list div.nav-btn-bg,.nav-list div.nav-btn-bg-02{ opacity: 0; filter:Alpha(opacity=0); width: 100%; left: 0; top: 0; height: 46px; background: #E6002D; z-index: -1; position: absolute; display: none;}
	.nav-list div.nav-btn-bg-02{ width: auto; left: auto;}
	.nav-list div.nav-btn-bg-02-show{ opacity: 1;  filter:Alpha(opacity=100); }
	
	
	.nav-list-sub.e-anim-hide{ display: block; }
	
	.nav-list a b{ transition: color .3s,background .3s;}
	
	
	
	.nav-list-height.e-anim-on{animation:nav-list-anim-on .3s; animation-fill-mode: both; display: block;}
	.nav-list-height.e-anim-off{ animation:nav-list-anim-off .3s; animation-fill-mode: both; display: block;}
	
	.nav-list li .nav-list-sub div.btn-sub-bg{display: none;}
	
	
	
	/* 下拉 */
	.top-r{ padding-bottom: 15px;}
	
	.search{ position: relative;width: 100%;}
	.search *{ transition: border .3s,color .3s;}
	.search input{ width: 100%; height: 36px; border-radius: 4px; border: none; padding-left: 20px; padding-right: 40px; background: #fff; color: #666; border: solid 1px #AAA;}
	.search button{ width: 36px; height: 36px; background: none; border: none; position: absolute; right: 0; top: 0; cursor: pointer;}
	.search button i::before{ font-size: 16px; color: #E6002D;}
	
	.search input::-webkit-input-placeholder{ color: #ddd; }
	.search input::-moz-input-placeholder{ mcolor: #ddd;}
	.search input::-ms-input-placeholder{ color: #ddd; }
	
	.search input:focus{ border-color: #E6002D;}
	
	.search button:hover i::before{ color: #E6002D;}
	
	.lang-box{ display: flex; justify-content: center; padding-bottom: 10px;}
	.lang-box span{ color: #666; padding: 0 15px;}
	.lang-box a{ color: #666;}
	.lang-box a.on,.lang-box a:hover{color: #E6002D;}
}
	
	@keyframes nav-anim-on{
		from { opacity: 0; transform: translateY(-10px); filter: blur(2px);}
		to {opacity: 1; transform: translateY(0);}
	}
	@keyframes nav-anim-off{
		from { opacity: 1; transform: translateY(0); filter: blur(0);}
		to { opacity: 0; transform: translateY(-10px); filter: blur(2px);}
	}
	
	@keyframes nav-list-anim-on{
		from { opacity: 0; transform: translateY(-20px);}
		to {opacity: 1; transform: translateY(0);}
	}
	@keyframes nav-list-anim-off{
		from { opacity: 1; transform: translateY(0);}
		to { opacity: 0; transform: translateY(20px);}
	}
	
	


@media screen and (min-width: 375px) {
	
}


@media screen and (min-width: 480px) {
	/* .logo{ height: 76px; padding: 30px 0;}
	.nav-box-bg{ height: 76px;}
	.nav-box{ height: 76px;}
	.header-box{ height: 76px;}
	.nav{ top: 76px;}
	.nav-btn i{ line-height: 76px; font-size: 28px; width: 30px;}
	 */
	
}


@media screen and (min-width: 992px) {
	
	.nav{ height: 60px;}
	.nav:before{display: none;}
	.nav-box-bg{ height: 60px;}
	
	.nav-box{ box-shadow: none; position: relative; height: 60px; background: #fff;}
	
	.header-box{ height: 60px; display: none;}
	
	.logo{ height: 60px; padding: 15px 0;}
	.logo img{ margin: 0 auto; height: 100%;}
	.logo a{ width: 100%; height: 100%; display: block; padding: 0;}
	
	
	.nav-btn{ display: none;}
	.nav{ float: right; position: relative; -webkit-transform: none; transform: none; opacity: 1; filter:Alpha(opacity=100); z-index: 9; box-shadow: none; padding: 0; border-top: none; border-bottom-left-radius: 0;
border-bottom-right-radius: 0; overflow: visible; background: none; top: 0;  padding-left: 0; padding-right: 0; left: auto; right: auto; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;}
	.nav-list{  position: relative; float: right;}
	
		
	
	.nav-list:after{ content: ' '; overflow: hidden; clear: both; display: block;}
	.nav-list{}
	.nav-list li{ float: left; border-bottom: none; position: relative; border: none;}
	
	.nav-list li a b{ line-height: 60px; height: 60px; color: #666; overflow: hidden; font-weight: normal; font-size: 14px;}
	.nav-list li a{ height: 60px; line-height: 60px; padding: 0 7px; font-size: 14px; position: relative;}
	
	
	/*.nav-list li:nth-last-of-type(1) a:after{display: none;}*/
	.nav-list li.nav-on>a b{ color: #fff;}
	.nav-list li.nav-off>a b{ color: #666; font-weight: normal;}
	.nav-list li .on b/*,.nav-list li a:hover b*/{ color: #fff;}
	.nav-list li .on .nav-btn-bg{ opacity: 1;filter:Alpha(opacity=100);}
	.bd-more{border-bottom-color: #fff; display: none;}
	.nav-list li .nav-list-sub{ position: absolute; top: 60px; height: auto !important; box-shadow: 0 5px 8px rgba(0,0,0,.3); width: auto; background: none; box-shadow:none; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;padding-top: 0; left: 0; right: 0;  width: 960px; }

	.nav-list li .nav-list-sub .nav-list-height{padding: 0;overflow: hidden; float: left; margin-left: -5px; position: relative;}
	.nav-list li .nav-list-sub a{ height: auto; border: none; font-size: 12px; padding:  0 10px;  text-align: center; line-height: 40px; float: left; position: relative; z-index: 2;}

	.nav-list li .nav-list-sub a span{line-height: .nav-list li .nav-list-sub a; color: #666; white-space: nowrap; padding: 0; font-size: 12px; line-height: 40px;}
	
	.nav-list li .nav-list-sub a:hover span,.nav-list li .nav-list-sub a.on span{  color: #E6002D;}

	
	.nav-list div.nav-btn-bg,.nav-list div.nav-btn-bg-02{ height: 60px; background: #E6002D; overflow: hidden; transition: .3s; display: block; }
/* 	.nav-list div.nav-btn-bg:before,.nav-list div.nav-btn-bg-02:before{ content: ' '; position: absolute; left: 20px; right: 20px; top: 0; height:3px; background: #E6002D;} */
	
	.nav-list-sub.e-anim-hide{ display: none;}
	.nav.e-anim-hide{ display: block;}

	
	.nav-list-height.e-anim-on{animation:nav-list-anim-on-pc .5s; animation-fill-mode: both; display: block;}
	.nav-list-height.e-anim-off{ animation:nav-list-anim-off-pc .2s; animation-fill-mode: both; display: block;}
	
	
	
	/*PC二级下拉背景色*/
	.nav-list-sub-bg{ display: block; position: absolute; top: -100%; height: 40px; width: 100%; left: 0; background: #fff; opacity: 0;  filter:Alpha(opacity=0); }
	.nav-list-sub-bg-show{ opacity: .8;  filter:Alpha(opacity=80); top: 60px;}
	
	.header-swiper-box{ position: absolute; left: 0; top: 0; width: 100%;}
	.header-bg{ height: 0; background-position: center center; background-repeat: no-repeat; background-color: #E6002D;}
	
	
	/* pc二级栏目滑块 */
	.nav-list li .nav-list-sub div.btn-sub-bg{display: block; position: absolute; width: 0; left: 0; height: 50px; padding: 0; border-bottom: solid 2px #E6002D; transition: .3s;}
	
	
	/* top-r */
	.top-r{ float: right; padding-top: 12px; padding-bottom: 12px; display: flex; }
	.lang-box{ height: 36px; align-items: center; padding-bottom: 0; flex-shrink: 0; font-size: 12px; color: #6F6F6F; padding: 0 15px 0 0;}
	.lang-box span{padding: 0 5px; color: #fff; }
	.lang-box a{ color: #6f6f6f; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
	.lang-box a.on{ background: #E6002D; color: #fff; }
	.nav-list{ padding-right: 10px;}
	.search{ padding-left: 0;}
	.search input{ font-size: 12px; width: 130px; padding-right: 0; transition: .3s; border-radius: 18px;}
	
	.search button .icon-search::before{ color: #6F6F6F; font-size: 14px;}
	/* .search.show input{ width: 180px; padding-right: 36px;opacity: 1; border: none;}
	.search.show button .icon-search::before{ color: #fff;}
	.search.show button .icon-search:hover::before{ color: #E6002D;} */
}

@keyframes nav-list-anim-on-pc{
	from { opacity: 0; transform: translateY(-10px);}
	to {opacity: 1; transform: translateY(0);}
}
@keyframes nav-list-anim-off-pc{
	from { opacity: 1; transform: translateY(0);}
	to { opacity: 0; transform: translateY(10px);}
}

@media screen and (min-width: 1340px) {
.nav-box{height: 100px;}
.nav-box-bg{ height: 100px;}
.logo{ padding: 22px 0 22px 0; height: 100px;}
.nav{width: auto;}
.nav-list{}
.nav-list li a{ padding: 0 11px; height: 100px; line-height: 100px;}
.nav-list li a b{font-size: 18px; line-height: 100px; height: 100px;}
.top-r{ padding: 32px 0;}


.nav-list div.nav-btn-bg, .nav-list div.nav-btn-bg-02{height: 100px;}
.nav-list div.nav-btn-bg:before,.nav-list div.nav-btn-bg-02:before{ }
.nav-list li .nav-list-sub{}
.nav-list li .nav-list-sub .nav-list-height{ margin: 0;  padding-left: 5px;}

.nav-list li .nav-list-sub a span{font-size:17px;}
.nav-list li .nav-list-sub a{ line-height:50px;}
	
.nav-list li .nav-list-sub{ width: 1340px;}
.search{}
.search input{ width: 160px; font-size: 14px;}

.nav-list li .nav-list-sub{ top: 100px;}
.nav-list-sub-bg-show{ top: 100px;}
.lang-box{ padding-left: 10px;}
.lang-box a{width: 36px; height: 36px; font-size: 16px;}
.lang-box span{display: none;}


.nav-list-sub-bg{ height:50px;}
	
}




/* banner */
@media screen and (min-width: 320px) {
	i.pic-scale-banner{ padding-bottom: 36.4583%;}
	
	.banner-prev{ position: absolute; top: 50%; margin-top: -20px; left: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; z-index: 2; cursor: pointer;}
	.banner-next{ position: absolute; top: 50%; margin-top: -20px; right: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; z-index: 2; cursor: pointer;}
	.banner-prev i::before,.banner-next i::before{ font-size: 30px; line-height: 1; opacity: .2; color: #333;}
	.banner-prev:hover i::before,.banner-next:hover i::before{ opacity: 1; color: #E6002D;}
	.banner-b{ position: absolute; width: 100%; left: 0; bottom: 15px; z-index: 2;}
	.banner-b .swiper-pagination-bullet{ margin-right: 10px; width: 12px; height: 12px; background: #000; opacity: .5;}
	.banner-b .swiper-pagination-bullet-active{ background: none; border: solid 2px #E6002D; opacity: 1;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	i.pic-scale-banner{ padding-bottom: 520px;}
	
	.swiper-banner:hover .banner-prev i::before,.banner-next i::before{ opacity: .5;}
}

@media screen and (min-width: 1340px) {
	i.pic-scale-banner{ padding-bottom: 700px;}
	.banner-prev i::before,.banner-next i::before{ font-size: 40px;}
	.banner-b{ bottom: 53px;}
	.banner-b .swiper-pagination-bullet{ margin-right: 20px;}
}

@media screen and (min-width: 1560px) {
	.banner-prev{left: 50%; margin-left: -800px;}
	.banner-next{right: 50%; margin-right: -800px;}
}




/* 新闻中心 */
@media screen and (min-width: 320px) {
	.ind-news-bg{ background-color:#F5F5F5 ; }
	.ind-news-bg .box-bd{ margin: 0 -15px;}
	.ind-news-bg .box-l{ padding: 15px; min-width: 0;}
	.ind-news-bg .box-c{ padding: 0;}
	.ind-news-bg .box-r{ padding: 15px;}
	
	
	.box-c-bg{background: url(../img/ind-bg-01@2x.jpg) center; -webkit-background-size: cover;
	background-size: cover; padding: 10px; border-radius: 8px;}
	
	.box-c-bg .mess{ color:#fff; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.box-c-bg .btn{display: flex; align-items: center; padding-top: 10px;}
	.box-c-bg .btn span{ color: #fff; padding-right: 5px; font-size: 12px;}
	.box-c-bg .btn i{border-left: solid 7px #fff; border-top: solid 6px transparent; border-bottom: solid 6px transparent; display: block; width: 0; height: 0;}

	
	.box-l-bg{background: url(../img/ind-news-bg@2x.jpg) center; -webkit-background-size: cover;
	background-size: cover; padding: 10px; border-radius: 8px;}
	.ind-news-swiper-bg .ind-swiper-tit .tit i::before{color:#004EA2;}
	.ind-news-swiper-bg .ind-swiper-tit div b{color:#2C3036;}
	.ind-news-swiper-bg .ind-swiper .swiper-slide a{ color:#333333;}
	.ind-news-swiper-bg .ind-swiper .swiper-pagination-clickable .swiper-pagination-bullet{ color:#2C3036; opacity:.4;}
	.ind-news-swiper-bg .ind-swiper .swiper-pagination-clickable .swiper-pagination-bullet-active{color:#004EA2; opacity:1;}
	
	.ind-swiper-tit .tit i,.ind-swiper-tit .tit i::before{ font-size: 24px; color: #fff; line-height: 1;}
	.ind-swiper-tit{display: flex; padding-bottom: 10px; align-items: center;}
	.ind-swiper-tit div{flex: 1; display: flex; align-items: center;}
	.ind-swiper-tit div b{ line-height: 1; color: #fff; padding-left: 10px; font-weight: normal;}
	.ind-swiper-tit a{height: 24px; width: 24px; display: flex; background: #fff; align-items: center; justify-content: center; border-radius: 50%;}
	.ind-swiper-tit a i,.ind-swiper-tit a i::before{font-size: 12px; color: #004EA2; display: block;}
	.ind-swiper-tit a:hover i{transform: translateX(3px);}
	
	.ind-swiper{ padding-left: 34px;}
	.ind-swiper .swiper-slide a{ font-size: 14px; color: #fff; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.ind-swiper .swiper-pagination-clickable{ padding-top: 10px;}
	.ind-swiper .swiper-pagination-clickable .swiper-pagination-bullet{ background: none;font-family: roboto-r; color: #fff; margin-right: 20px; width: 16px; height: 16px;}
	
	.ind-news-bg .box-c{position: relative;}
	.ind-news-bg .box-c::before{ content: ' '; background: #D9D9D9; height: 1px; position: absolute; left: 10px; right: 10px; bottom: 0; }
	.ind-news-bg .box-c .hot{}
	
	.ind-news-bg .box-c dt{ padding-bottom: 5px;}
	.ind-news-bg .box-c .tit{ font-weight: bold; color: #004EA2; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap;}
	.ind-news-bg .box-c .txt{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 12px; color: #666;}
	
	.ind-news-bg .box-c .mess{display: flex; padding-top: 5px; align-items: center;}
	.ind-news-bg .box-c .mess .mess-l{flex:1; display: flex; align-items: center;}
	.ind-news-bg .box-c .mess .mess-l span{ color: #004EA2; padding-right: 5px; font-size: 12px;}
	.ind-news-bg .box-c .mess .mess-l i{border-left: solid 7px #004EA2; border-top: solid 6px transparent; border-bottom: solid 6px transparent; display: block; width: 0; height: 0;}
	
	.ind-news-bg .box-c .mess .mess-r{ color: #999; font-size: 12px;}
	
	.ind-news-bg .box-c a:hover .tit{ color: #E6002D;}
	.ind-news-bg .box-c a:hover .mess-l span{ color: #E6002D;}
	.ind-news-bg .box-c a:hover .mess-l i{ border-left-color: #E6002D;}
	
	.ind-news-bg .list a{display: flex; align-items: center;}
	.ind-news-bg .list i{width: 4px; height: 4px; background: #E6002D; margin-right: 6px; flex-shrink: 0;}
	.ind-news-bg .list b{ white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; font-weight: normal; line-height: 30px; flex:1;}
	.ind-news-bg .list span{ padding-left: 20px; font-size: 12px; color: #999;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.ind-news-bg .box-bd{display: flex; height: 220px; overflow: hidden;}
	.ind-news-bg .box-l{ width: 33.33333%; padding: 0; padding-left: 15px;}
	.ind-news-bg .box-c{ width: 33.33333%; padding: 0;}
	.ind-news-bg .box-r{ width: 33.33333%; padding: 35px 15px 35px 20px;}
	
	.box-c-bg,.box-l-bg{ height: 220px;-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0; padding: 40px 25px;}
	
	.ind-swiper-tit .tit i,.ind-swiper-tit .tit i::before{font-size: 30px;}
	.ind-swiper-tit div b{ font-size: 20px;}
	.ind-swiper-tit a{width: 30px; height: 30px;}
	.ind-swiper-tit a i::before{ font-size: 14px;}
	.ind-swiper{ padding-left: 40px;}
	.ind-swiper .swiper-pagination-clickable .swiper-pagination-bullet{ width: 18px; height: 18px;}
	.ind-news-bg .box-c::before{ height: auto; width: 1px; top: 40px; bottom: 40px; right: 0; left: auto; }
	.ind-news-bg .box-c .tit{font-size: 18px; }
	.ind-news-bg .box-c dt{ padding-bottom: 15px;}
	.ind-news-bg .box-c .txt{font-size: 14px; line-height: 24px;}
	.ind-news-bg .box-c .mess{ padding-top: 15px;}
	
	.ind-news-bg .box-c .mess .mess-l span{font-size: 14px;}
	.ind-news-bg .box-c .mess .mess-r{ font-size: 14px;}
	
	.ind-news-bg .list b{font-size: 14px;}
	.ind-news-bg .list span{font-size: 14px;}
	
	
	.box-c-bg .btn span{font-size: 14px;}

	
}

@media screen and (min-width: 1340px) {
	
	.ind-news-bg .box-l{ width: 410px;}
	.ind-news-bg .box-c{ width: 400px; padding: 0;}
	.ind-news-bg .box-r{ width: 506px; padding-left: 35px;}
	
	.box-c-bg i.icon-ind-news::before,.box-l-bg i.icon-ind-news::before{font-size: 36px;}
	.ind-swiper-tit div b{ font-size: 30px;}
	.ind-swiper-tit a{width: 40px; height: 40px;}
	.ind-swiper-tit a i::before{ font-size: 16px;}
	.ind-swiper .swiper-pagination-clickable .swiper-pagination-bullet{ width: 20px; height: 20px;}
	
}




/* 社会责任 */
@media screen and (min-width: 320px) {
	.ind-duty-bg{}
	.ind-duty-bg .box-bd{ margin: 0 -15px;}
	.ind-duty-bg .box-l{ padding: 15px 15px 0 15px; min-width: 0;}
	.ind-duty-bg .box-r{ padding: 15px;}
	
	.ind-duty-bg .box-l-bg{background-image: url(../img/ind-bg-02@2x.jpg);}
	.ind-duty-bg .ind-swiper-tit a i,.ind-duty-bg .ind-swiper-tit a i::before{color: #E6002D;}
	
	.ind-duty-bg .list{display: flex; flex-wrap: wrap;}
	.ind-duty-bg .list li{ width: 50%;}
	.ind-duty-bg .list a{ display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 15px; opacity:.5;}
	.ind-duty-bg .list .pic{width: 35px;}
	.ind-duty-bg .list .num{font-family: din-r;}
	
	.ind-duty-bg .list .num{overflow: hidden; width: 100%; display: flex; align-items: center; justify-content: center;}
	.ind-duty-bg .list .num span::before{ content: ' '; height: 1px;width: 1000%; background: #A0BDDC; left: 100%; margin-left: 5px; position: absolute; top: 50%;}
	.ind-duty-bg .list .num span::after{ content: ' '; height: 1px;width: 1000%; background: #A0BDDC; right: 100%; margin-right: 5px; position: absolute; top: 50%;}
	.ind-duty-bg .list .num span{ position: relative; font-size: 16px; font-weight: bold; color: #86ABD3;}
	.ind-duty-bg .list .tit{ font-size: 14px; font-weight: bold; color: #004EA2;}
	
	.ind-duty-bg .list a:hover{ background: #F5F8FC;opacity:1;}
	.ind-duty-bg .list a:hover .pic{  }
	.ind-duty-bg .list a:hover .num span::before{ background: #A0BDDC;}
	.ind-duty-bg .list a:hover .num span::after{ background: #A0BDDC;}
	.ind-duty-bg .list a:hover .num span{color: #86ABD3;}
	.ind-duty-bg .list a:hover .tit{ color: #004EA2;}
	
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.ind-duty-bg{padding-top: 30px;}
	.ind-duty-bg .box-bd{display: flex; flex-direction: row-reverse; height: 220px; overflow: hidden;}
	.ind-duty-bg .box-l{ width: 33.33333%; padding: 0 15px 0 0;}
	.ind-duty-bg .box-r{ width: 66.66666%; padding: 0 0 0 15px;}
	
	.ind-duty-bg .list li{width: 25%;}
	.ind-duty-bg .list a{ /*padding: 25px;*/}
	.ind-duty-bg .list li a{height: 220px;}
	.ind-duty-bg .list .num{padding: 8px 0;}
	.ind-duty-bg .list .num span{ font-size: 18px;}
	.ind-duty-bg .list .tit{font-size: 14px;}
}

@media screen and (min-width: 1340px) {
	.ind-duty-bg{ padding-top: 40px;}
	.ind-duty-bg .box-l{ width: 415px;}
	.ind-duty-bg .box-r{ width: 911px;}
	.ind-duty-bg .list .pic{width: 70px;}
	.ind-duty-bg .list .num{padding: 15px 0;}
	.ind-duty-bg .list .num span{ font-size: 20px;}
	.ind-duty-bg .list a{ padding: 35px;}
	.ind-duty-bg .list .tit{font-size: 16px;}
}



/* 业务发展版图 */
@media screen and (min-width: 320px) {
	.ind-mt{ margin-top: 15px;}
	.ind-mb{ margin-bottom: 15px;}
	.ind-map{background-image: url(../img/ind-bg-03@2x.jpg); background-size: cover; background-position: center; padding: 15px 0;}
	.map-tabs .pic{width: 100%;}
	.map-tabs .pic img{width: 100%;}
	
	.map-tabs .tit{ color: #fff; font-size: 18px; margin-bottom: 10px;}
	.map-tabs .txt{ color: #fff; font-size: 14px; margin-bottom: 10px;}
	.map-tabs .hd{display: flex;}
	.map-tabs .hd a{border: solid 1px #fff; height: 40px; padding: 0 15px; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: bold;}
	.map-tabs .hd a.on{ background: #fff; color: #004EA2;}
	
	.map-tabs .map-l{ padding-top: 15px;}
	
	.box-bd{}
	
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.ind-mt{ margin-top: 30px;}
	.ind-mb{ margin-bottom: 30px;}
	.map-tabs{ height: 400px; padding: 35px 0;}
	.map-tabs .box-bd{display: flex; flex-direction: row-reverse;}
	.map-tabs .map-l{flex: 1; padding-right: 50px; padding-top: 0; display: flex; justify-content: center; flex-direction: column;}
	.map-tabs .pic{width: auto; max-width: 50%; height: 328px;}
	.map-tabs .pic img{width: auto; height: 100%;}
	.map-tabs .tit{ margin-bottom: 30px; font-size: 24px;}
	.map-tabs .txt{ margin-bottom: 50px; font-size: 14px;}
}

@media screen and (min-width: 1340px) {
	.ind-mt{ margin-top: 40px;}
	.ind-mb{ margin-bottom: 40px;}
	.map-tabs{ height: 500px;}
	.map-tabs .map-l{ padding-right: 200px;}
	.map-tabs .pic{ height: 431px;}
	.map-tabs .tit{ margin-bottom: 45px; font-size: 30px;}
	.map-tabs .txt{ margin-bottom: 65px; font-size: 16px;}
	.map-tabs .hd a{ height: 50px; font-size: 18px; padding: 0 23px;}
}



/* 关于我们 */
@media screen and (min-width: 320px) {
	i.pic-scale-video{ padding-bottom: 49.216%;}
	
	.ind-video{position: relative;}
	.ind-video a{position: relative; display: block;}
	.ind-video .shade{ background: #000; opacity: .5; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}
	.ind-video .video-ico{ position: absolute; left: 50%; top: 50%; line-height: 60px; margin: -30px 0 0 -30px; z-index: 3;}
	.ind-video .video-ico::before{ line-height: 60px; font-size: 60px; color: #fff;}
	.ind-video .tit{  text-align:center; display:block; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space:nowrap; color:#fff; padding-top:5px; position:absolute; left:0; padding:0 15px; bottom:15px; width:100%; text-align:center; z-index:3;}
	
	i.pic-scale-jourjnal{padding-bottom:125%;}
	.ind-jourjnal-bg{background: url(../img/ind-jourjnal-bg@2x.jpg) center; -webkit-background-size: cover;
	background-size: cover; padding: 10px;}
	
	.ind-jourjnal-box{max-width:200px;margin:0 auto;}
	.ind-jourjnal-box .pic{ position:relative;}
	.ind-jourjnal-box .shade{ background:rgba(0,0,0,.5); position:absolute; left:0; top:0; width:100%; height:100%;}
	.ind-jourjnal-box .icon{ position:absolute; left:50%; top:50%; width:60px; height:60px; display:flex; align-items:center; justify-content:center; margin:-30px 0 0 -30px; z-index:2;}
	.ind-jourjnal-box .icon::before{ color:#fff; font-size:60px; line-height:1;}
	.ind-jourjnal-box .tit{ text-align:center; display:block; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space:nowrap; color:#fff; padding-top:5px;}
	
	
	.ind-box-bd{ margin:-10px;}
	.ind-box-bd .box{ padding:10px;}
	
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.ind-box-bd{ display:flex;}
	.ind-box-bd .box{ flex:1; min-width:0;}
	.ind-jourjnal-bg{ height:231px; display:flex; align-items:center;}
	.ind-jourjnal-bg a{flex:1; min-width:0;}
	.ind-jourjnal-box{width:100%; max-width:100%; display:flex; flex-direction:row-reverse; align-items:flex-end; justify-content:space-between;}
	.ind-jourjnal-box .pic{width:160px; flex-shrink:0;}
	.ind-jourjnal-box .tit{font-size:20px; min-width:0; overflow:hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space:nowrap;}
	
	.ind-video .tit{ font-size:20px; min-width:0; overflow:hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space:nowrap; text-align:left;}
}

@media screen and (min-width: 1340px) {
	.ind-jourjnal-bg{ height:314px;}
	
	.ind-jourjnal-bg{ padding: 0 50px 0 20px;}
	.ind-jourjnal-box .pic{ width:200px;}
	.ind-jourjnal-box .tit{font-size:30px;}
	.ind-video .tit{ font-size:30px; bottom:30px;}
}





/* FOOTER */
@media screen and (min-width: 320px) {
	.footer-bg{ background: #0073BD; padding: 15px 0;}
	
	.footer-tr{ display: none;}
	
	.footer-tl .link-box{position: relative;}
	.footer-tl .link-box dt{ background: #fff; height: 36px; border-radius: 4px; padding: 0 10px; display: flex; justify-content: space-between; align-items: center; cursor: pointer;}
	.footer-tl .link-box dt span{ font-size: 12px; color: #2C3036;}
	.footer-tl .link-box dt i{ border-top: solid 8px #004EA2; border-left: solid 5px transparent; border-right: solid 5px transparent;}
	.footer-tl .link-box dd{ position: absolute; left: 0; top: 36px; width: 100%; padding-top: 5px;}
	.footer-tl .link-box dd div{ background: #fff; border-radius: 5px; padding: 5px 10px; box-shadow: 0 5px 10px rgba(0,0,0,.2);}
	.footer-tl .link-box dd span{display: block; border-bottom: solid 1px #f4f4f4; font-size: 12px;}
	.footer-tl .link-box dd span:nth-last-child(1){border: none;}
	.footer-tl .link-box dd span a{display: block; line-height: 20px; padding: 8px 0;}
	
	.footer-tl .qr-box-list{ padding-top: 25px; display: flex; margin: 0 -5px; flex-wrap: wrap;}
	.footer-tl .qr-box{ padding: 0 5px;}
	.footer-tl .qr-box .pic{width: 100px; margin: 0 auto; border: solid 1px #D9D9D9;}
	.footer-tl .qr-box .pic img{width: 100%;}
	.footer-tl .qr-box span{text-align: center; display: block; color: #fff; font-weight: bold; padding-top: 5px;}
	
	.footer-tl .link-box dd.e-anim-on{animation:link-anim-on .3s; animation-fill-mode: both; display: block;}
	.footer-tl .link-box dd.e-anim-off{ animation:link-anim-off .3s; animation-fill-mode: both; display: block;}
	
	.footer-bg-b{ background: #004EA2; padding: 15px 0;}
	.footer-bl{ text-align: center; color: #fff;}
	.footer-bl a{ color: #fff; margin-right: 10px;}
	.footer-bl a img{margin-right:5px;}
	.footer-br{ text-align: center; color: #fff;}
	.footer-br a{ color: #fff;}
	.footer-br a:hover{text-decoration: underline;}
	
}

	@keyframes link-anim-on{
		from { opacity: 0; transform: translateY(-10px);}
		to {opacity: 1; transform: translateY(0);}
	}
	@keyframes link-anim-off{
		from { opacity: 1; transform: translateY(0);}
		to { opacity: 0; transform: translateY(10px);}
	}


@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.footer-bg{padding: 30px 0;}
	.footer-t{ display: flex;}
	.footer-tl{ /* width: 122px; */ flex-shrink: 0;}
	.footer-tl .link-box{ max-width: 140px;}
	
	.footer-tr{display: flex; flex:1; justify-content: space-between; padding-left: 40px; position: relative;}
	.footer-tr::before{content: ' '; width: 1px; position: absolute; right: 0; top: 0; bottom: 0; background: #0E7AC0;}
	.footer-tr dl{position: relative; flex-grow:1;}
	.footer-tr dl::before{content: ' '; width: 1px; position: absolute; left: 0; top: 0; bottom: 0; background: #0E7AC0;}
	.footer-tr dt{text-align: center; padding-bottom: 10px;}
	.footer-tr span{display: block; text-align: center;}
	
	.footer-tr dt a{ color: #fff; font-size: 14px;}
	.footer-tr dd span a{ color: #80B9DE;}
	
	.footer-b{display: flex; justify-content: space-between;}
	.footer-b{}
	.footer-bl{ line-height: 30px;}
	.footer-br{ line-height: 30px;}
}

@media screen and (min-width: 1340px) {
	.footer-bg{padding: 40px 0 50px 0;}
	.footer-tr{ padding-left: 60px;}
	.footer-tr dt a{font-size: 16px;}
	.footer-tr dt{ padding-bottom: 13px;}
	.footer-bg-b{}
	.footer-tr dd span a{font-size: 14px; line-height: 30px;}
	
	
	.footer-tl .qr-box-list{ padding-top: 40px;}
	
	.footer-tl .link-box{ margin-top: 27px;}
	.footer-tl .qr-box{}
	.footer-tl .qr-box span{ padding-top: 0;}
}




/* banner-min */
@media screen and (min-width: 320px) {
	.banner-min{height: 22vw; -webkit-background-size: cover;
	background-size: cover; background-position: center;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.banner-min{ height: 220px;}
}

@media screen and (min-width: 1340px) {
	.banner-min{ height: 280px;}
}





/* menu */
@media screen and (min-width: 320px) {
	.menu-bg{background: #FAFAFA; border-top: solid 2px #E6002D;}
	.menu-bg ul{display: flex; flex-wrap: wrap;}
	.menu-bg li{ width: 50%; flex-shrink: 0;}
	.menu-bg li a{display: flex; align-items: center; justify-content: center; height: 44px; color: #2C3036;}
	.menu-bg li.on a{ background: #fff; color: #E6002D;}
	
	
	.menu-bg-02{background: #fff; border-top:none; border-bottom:solid 1px #f8f8f8;}
	.menu-bg-02 li.on a{ background: none; color: #E6002D;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.menu-bg li{width: auto;}
	.menu-bg li a{ padding: 0 20px; height: 60px; font-size: 16px;}
	
	.menu-bg-02 li a{ padding: 0 20px; height: 45px; font-size: 14px;}
}

@media screen and (min-width: 1340px) {
	.menu-bg li a{ padding: 0 35px; height: 80px; font-size: 18px;}
	
	.menu-bg-02 li a{ padding: 0 35px; height: 60px; font-size: 14px;}
}



/* menu-sub */
@media screen and (min-width: 320px) {
	
	.menu-sub{ margin-bottom: 15px; margin-top: 15px;}
	.menu-sub ul{ margin: -5px; display: flex; flex-wrap: wrap;}
	.menu-sub li{ padding: 5px;}
	.menu-sub a{ display: flex; align-items: center; justify-content: center;  height: 40px; padding: 0 20px; background: #f4f4f4; border-radius: 4px;}
	.menu-sub a.on{ background: #DA251C; color: #fff;}
	
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.menu-sub ul{ margin: -10px;}
	.menu-sub li{ padding: 10px;}
}

@media screen and (min-width: 1340px) {
	.menu-sub a{ height: 50px; padding: 0 30px; font-size: 16px;}
	.menu-sub{ margin-bottom: 30px;}
}





/* pro-menu */
@media screen and (min-width: 320px) {
    .pro-menu{ padding-bottom:30px;}
	.pro-menu .tit{ height:70px; background:url(../img/pro-menu-bg.jpg); background-size:cover; padding:0 15px; color:#fff; font-size:18px; font-weight:bold; display:flex; align-items:center; }
	.pro-menu ul li{}
	.pro-menu ul li a{ color:#2C3036; display:flex; padding:10px 15px; min-height:60px; justify-content:space-between; align-items:center; font-size:16px; border-bottom:solid 1px #DEDFE3;}
	.pro-menu ul li a span{color:#2C3036; padding-right:10px;}
	.pro-menu ul li a i::before{ color:#fff; font-size:16px;}
	.pro-menu ul li a.on{ border-bottom:solid 1px #E6002D;}
	.pro-menu ul li a.on span{color:#E6002D;}
	.pro-menu ul li a.on i::before{ color:#E6002D;}
	
	.pro-cont{ padding-bottom:30px;}
	.pro-cont .tit,div.pro-tit{ color:#2C3036; font-size:20px; padding-bottom:10px;}
	.pro-cont .txt{ color:#666; font-size:14px; line-height:2;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.pro-flex{display:flex;}
	.pro-menu{ flex-basis:270px; flex-shrink:0; padding-right:30px;}
	.pro-flex .content-box{flex:1;}
	
	
	.pro-cont{ padding-bottom:70px;}
	.pro-cont .tit,div.pro-tit{ font-size:26px; padding-bottom:15px;}
}

@media screen and (min-width: 1340px) {
	.pro-menu{ flex-basis:360px; padding-right:60px;}
	.pro-menu .tit{height:100px; font-size:24px; padding:0 20px;}
	.pro-menu ul li a{ color:#2C3036; display:flex; padding:10px 20px; min-height:80px; font-size:18px;}
	
	
	.pro-cont{ padding-bottom:100px;}
	.pro-cont .tit,div.pro-tit{ font-size:30px; padding-bottom:20px;}
}


/* 面包屑 */
@media screen and (min-width: 320px) {
	.crumb {padding: 15px 0;}
	.crumb .container{display: flex; align-items: center;}
	.crumb i::before{padding-right: 10px; color: #999;}
	.crumb span,.crumb a{ color: #999;}
	.crumb a:hover{ color: #E6002D;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.crumb{ padding: 20px 0 30px 0;}
}

@media screen and (min-width: 1340px) {
	.crumb{ padding: 25px 0 35px 0;}
}





/* 组织架构 */
@media screen and (min-width: 320px) {
	.zzjg-tabs img{max-width: 100%;}
	.zzjg-tabs .hd{display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
	.zzjg-tabs .hd {margin: -5px;}
	.zzjg-tabs .hd a{padding: 5px; display:block;}
	.zzjg-tabs .hd span{ height: 40px; display: flex; align-items: center; justify-content: center; padding: 0 25px; background: #F5F5F5; border-radius: 4px; cursor: pointer; font-size: 16px;}
	
	.zzjg-tabs .bd{ margin: 30px 0 0 0; }
	.zzjg-tabs .hd .on span{ background: #E6002D; color: #fff;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.zzjg-tabs .hd {margin: -10px;}
	.zzjg-tabs .hd div{padding: 10px;}
	.zzjg-tabs .hd span{ height: 60px; padding: 0 35px; font-size: 24px;}
	
	.zzjg-tabs .bd{ margin: 60px 0 0 0; }
}

@media screen and (min-width: 1340px) {
	.zzjg-tabs .hd {margin: -15px;}
	.zzjg-tabs .hd div{padding: 15px;}
	.zzjg-tabs .hd span{ height: 80px; padding: 0 50px; font-size: 30px;}
	.zzjg-tabs .bd{ margin: 80px 0 0 0; }
}




/* 管理团队 */
@media screen and (min-width: 320px) {
	.gltd-box{ margin-bottom: 15px;}
	.gltd-box .pic{}
	.gltd-box .tit{text-align: center; display: block; padding-top: 5px; color: #999;}
	
	
	.gltd-list ul{ margin: -10px 0;}
	.gltd-list li{display: flex; padding: 10px 0;}
	.gltd-list b{ background: #004EA2; width: 60px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #fff; text-align:center; line-height:1.2; padding:0 5px;}
	.gltd-list b.red{background: #E6002D;}
	.gltd-list div{ background: #F5F5F5; padding: 5px 10px; font-size: 12px; color: #2C3036; min-height: 60px; display: flex; align-items: center; flex: 1;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.gltd-box{ margin-bottom: 25px;}
	.gltd-box .tit{ padding-top: 10px;}
	
	
	.gltd-list b{width: 88px; font-size: 16px;}
	.gltd-list div{ min-height: 88px; font-size: 14px; padding: 15px 20px; line-height: 26px;}
	
}

@media screen and (min-width: 1340px) {
	.gltd-box{ margin-bottom: 35px;}
	
}




/* 发展版图 */
@media screen and (min-width: 320px) {
	.fzbt-box{ margin-top: 30px;}
	.fzbt-box dd{ background: #F8F8F8; padding: 15px;}
	.fzbt-box dd .tit{ font-size: 18px; color: #E6002D; line-height: 1.2; display: block;}
	.fzbt-box dd .txt{ color: #2C3036; font-size: 12px;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.fzbt-box{display: flex;}
	.fzbt-box dt{width: 450px; flex-shrink: 0;}
	.fzbt-box dd .tit{ padding-bottom: 10px; font-size: 22px;}
	.fzbt-box dd{flex:1; padding: 20px;}
}

@media screen and (min-width: 1340px) {
	.fzbt-box{ margin-top: 40px;}
	.fzbt-box dt{width: 648px;}
	.fzbt-box dd .tit{ padding-bottom: 25px; font-size: 24px;}
	.fzbt-box dd{ padding: 30px; display: flex; justify-content: center; flex-direction: column;}
	.fzbt-box dd .txt{font-size: 14px;}
}




/* 光辉历程 */
@media screen and (min-width: 320px) {
	.ghlc-box{ position: relative;}
	.ghlc-box .icon-time,.ghlc-box .icon-time:before{ font-size: 56px; line-height: 1; color: #E6002D;}
	.ghlc-box .ghlc-more{ padding-top: 15px;}
	.ghlc-box .ghlc-more img{width: 56px !important;}
	.ghlc-box hr{ width: 0; height: auto; margin: 0; position: absolute; left: 27px; border-left: dashed 1px #E6002D; top: 56px; bottom: 80px;}
	.ghlc-box ul{ padding: 15px 0 44px 0; padding-left: 56px; margin: -10px 0;}
	.ghlc-box li{ padding: 10px 0;}
	.ghlc-box li dt{ position: relative; height: 36px; display: flex; align-items: center; font-family: roboto-b; color: #E6002D; font-size: 18px; font-weight: bold;}
	.ghlc-box li dt::before{ content:' '; border: solid 1px #FFCCD6; border-radius: 50%; width: 24px; height: 24px; background: #fff; z-index: 2; position: absolute; left: -42px; top: 6px;}
	.ghlc-box li dt::after{ content:' '; background: #E6002D; width: 12px; height: 12px; border-radius: 50%; position: absolute; left: -35px; z-index: 3; top: 13px;}
	.ghlc-box li dd{text-align: justify;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.ghlc-box .icon-time{display: flex; justify-content: center;}
	.ghlc-box hr{ left: 50%;}
	.ghlc-box dl{}
	.ghlc-box ul{ padding-left: 0; margin-top: 0; margin-bottom: 0;}
	.ghlc-box li{ padding-top: 15px; padding-bottom: 15px;}
	
	.ghlc-box li:nth-child(odd){ padding-left: 50%;}
	.ghlc-box li:nth-child(odd) dl{ padding-left: 43px;}
	.ghlc-box li:nth-child(even){ padding-right: 50%;}
	.ghlc-box li:nth-child(even) dl{ padding-right: 43px;}
	.ghlc-box li:nth-child(even) dt{justify-content: flex-end;}
	.ghlc-box li:nth-child(even) dd{ text-align-last: right;}
	
	.ghlc-box li:nth-child(odd) dt::before{ left: -55px; }
	.ghlc-box li:nth-child(odd) dt::after{ left: -48px; }
	.ghlc-box li:nth-child(even) dt::before{ left: auto; right: -55px; }
	.ghlc-box li:nth-child(even) dt::after{ left: auto; right: -48px; }
	
	.ghlc-box .ghlc-more{display: flex; justify-content: center; padding-top: 30px;}
	
	.ghlc-box li dt{font-size: 26px;}
	
	
}

@media screen and (min-width: 1340px) {
	
	.ghlc-box li dt{font-size: 32px;}
}




/* 集团荣誉 */
@media screen and (min-width: 320px) {
    
    .cont-des{ padding-bottom:30px;}
	
	.tjyr-box{ padding: 0 36px; position: relative; margin-bottom: 30px;}
	.tjyr-box::before{ content: ' '; position: absolute; left: 35px; right: 35px; height: 2px; background: #E6002D; bottom: 9px;}
	
	.tjyr-swiper .year{ display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer;}
	.tjyr-swiper .year span{ color: #999; font-size: 16px; height: 32px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;}
	.tjyr-swiper .year i{border: solid 1px #E6002D; background: #fff; width: 20px; height: 20px; border-radius: 50%;}
	.tjyr-swiper .on .year i{ background: #E6002D;}
	
	.tjyr-btn{ position: absolute; left: 0; bottom: -13px; cursor: pointer;}
	.tjyr-btn i,.tjyr-btn i::before{ font-size: 36px; color: #DDD; line-height: 1;}
	.tjyr-btn:hover i::before{ color: #e6002d;}
	
	.tjyr-next{ left: auto; right: 0;}
	.tjyr-btn.swiper-button-disabled:hover i::before{ color: #ddd; cursor: default;}
	
	i.pic-scale-jtyr{ padding-bottom: 71.4283%;}
	
	.tjyr-list{overflow: hidden;}
	.tjyr-list ul{display: flex; flex-wrap: wrap; margin: -10px;}
	.tjyr-list li{flex-basis: 50%; flex-shrink: 0; padding: 10px;}
	.tjyr-list li span{ text-align: center; display: block; padding-top: 5px; color: #2C3036;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.tjyr-list li{flex-basis: 33.333333%;}
	.tjyr-list ul{margin: -15px;}
	.tjyr-list li{padding: 15px;}
	
	.tjyr-swiper .year span{font-size: 20px;}
	
	.tjyr-box{ margin-bottom: 40px;}
	
    .cont-des{ padding-bottom:40px;}
}

@media screen and (min-width: 1340px) {
    
    
    .cont-des{ padding-bottom:50px;}
	
	.tjyr-swiper .year span{font-size: 26px; margin-bottom: 23px;}
	
	.tjyr-box{ margin-bottom: 50px;}
	.tjyr-list ul{ margin: -20px;}
	.tjyr-list li{padding: 20px;}
}





/* 社会责任 */
@media screen and (min-width: 320px) {
	i.pic-scale-shzr{ padding-bottom: 66.5%;}
	.shzr-list .pic{position: relative;}
	.shzr-list i.icon-eye{ position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; line-height: 40px; margin-left: -20px; margin-top: -20px; z-index: 3; opacity: 0; transform: translateY(10px);}
	.shzr-list i.icon-eye::before{ line-height: 40px; font-size: 40px; color: #fff;}
	.shzr-list .shade{background: rgba(0,0,0,.5); position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; opacity: 0;}
	
	.shzr-list a:hover i.icon-eye{ transform: translateY(0); opacity: 1;}
	.shzr-list a:hover .shade{ opacity: 1;}
	
	.shzr-list ul{ margin: -10px;}
	.shzr-list li{ padding: 10px;}
	.shzr-list dl{ margin-top: 10px; display: flex;}
	.shzr-list dt{background: #F8F8F8; width: 76px; height: 76px; flex-shrink: 0; margin-right: 10px; display: flex; align-items: center; flex-direction: column; justify-content: center;}
	.shzr-list dt b{ line-height: 1; font-size: 24px; font-weight: normal; color: #999; padding-bottom: 5px;}
	.shzr-list dt span{ line-height: 1; font-size: 12px; color: #999;}
	.shzr-list dd{min-width: 0;}
	.shzr-list dd b{display: block; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; color: #2C3036; line-height: 24px; font-weight: normal;}
	.shzr-list dd span{ color: #666;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 26px; font-size: 12px;}
	
	.shzr-list a:hover dt{background: #E6002D;}
	.shzr-list a:hover dt b{ color: #fff;}
	.shzr-list a:hover dt span{ color: #fff;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 560px) {
	.shzr-list ul{ margin: -10px; display: flex; flex-wrap: wrap;}
	.shzr-list li{ padding: 10px; width: 50%;}
}

@media screen and (min-width: 992px) {
	.shzr-list ul{ margin: -15px;}
	.shzr-list li{ padding: 15px; width: 33.333333%;}
	
	.shzr-list dt b{font-size: 22px;}
}

@media screen and (min-width: 1340px) {
	.shzr-list ul{ margin: -20px;}
	.shzr-list li{ padding: 20px;}
	.shzr-list dt b{font-size: 28px;}
	
	.shzr-list dd b{font-size: 16px;}
	.shzr-list dd span{font-size: 14px;}
	
}




/* 文章页 */
@media screen and (min-width: 320px) {
	.info-box{max-width: 1080px; margin: 0 auto; border: solid 1px #DDDDDD; padding: 15px;}
	
	.info-tit .tit{ font-size: 18px; color: #2C3036; line-height: 1.4; font-weight: normal; text-align:center;}
	.info-tit .mess{border-bottom: solid 1px #DADADA; display: flex; justify-content: space-between; padding: 10px 0; margin-bottom: 10px; flex-wrap: wrap;}
	.info-tit .mess .time{ color: #999; font-size: 12px;}
	.info-tit .mess .source{ color: #999; font-size: 12px;}
	
	.info-box .cont-box{ }
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.info-box{ padding: 30px;}
	.info-tit .tit{ font-size: 24px;}
	.info-tit .mess .time,.info-tit .mess .source{font-size: 14px;}
	.info-tit .mess{ margin-bottom: 20px;}
}

@media screen and (min-width: 1340px) {
	.info-box{ padding: 50px;}
	.info-tit .tit{ font-size: 30px;}
	.info-tit .mess{ margin-bottom: 25px; padding-top: 23px;}
}






/* 联系我们 */
@media screen and (min-width: 320px) {
	.map{height: 300px; background: #f4f4f4;}
	/* .anchorBL{display: none;} */
	
	.lxwm-box .tit{display: flex; flex-direction: column; align-items: center;}
	.lxwm-box .tit b{ font-weight: normal; font-size: 20px; line-height: 1;}
	.lxwm-box .tit hr{ width: 28px; height: 4px; margin:12px 0 0 0; background: #E6002D; }
	.lxwm-box .list{ padding-bottom: 20px; padding-top: 20px;}
	.lxwm-box .list ul{ margin: -10px 0; display: flex; flex-wrap: wrap;}
	.lxwm-box .list li{ padding: 10px 0; width: 50%; display: flex;}
	.lxwm-box .list li div{ display: flex; flex-direction: column; align-items: center; position: relative; padding: 0 10px; flex: 1;}
	.lxwm-box .list li i::before{ font-size: 30px; line-height: 1; color: #E6002D;}
	.lxwm-box .list li b{font-size: 14px; color: #2C3036;}
	.lxwm-box .list li span{ font-size: 12px; text-align: center; display: block; color: #666; margin-top: 5px; line-height: 1.4;}
	.lxwm-box .list li span a{ line-height: 1.4; font-size: 12px;}
	.lxwm-box{ margin-bottom: 30px;}
	.lxwm-box:nth-last-child(1){margin-bottom: 0;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.map{height: 400px;}
	.lxwm-box .list{ padding-bottom: 30px; padding-top: 30px;}
	.lxwm-box .list ul{ margin: -20px 0;}
	.lxwm-box .list li{ width: 25%; padding: 20px 0;}
	.lxwm-box .list li div{ padding: 0 20px;}
	.lxwm-box .list li div::before{ content: ' '; position: absolute; right: 0; top: 5px; bottom: 5px; width: 1px; background: #DDD;}
	.lxwm-box .list li:nth-last-child(1) div::before{display: none;}
	.lxwm-box .list li i::before{ font-size: 36px;}
	.lxwm-box .list li b{font-size: 16px;}
	.lxwm-box .list li span{ font-size: 14px;}
	.lxwm-box .list li span a{ font-size: 14px;}
	
	.lxwm-box .tit b{font-size: 26px;}
	
	.lxwm-box{ margin-bottom: 60px;}
	
}

@media screen and (min-width: 1340px) {
	.map{height: 480px;}
	.lxwm-box .list{ padding-bottom: 40px; padding-top: 40px;}
	.lxwm-box .list ul{ margin: -40px 0;}
	.lxwm-box .list li{ padding: 40px 0;}
	.lxwm-box .list li div{ padding: 0 35px;}
	.lxwm-box .list li i::before{ font-size: 40px;}
	.lxwm-box .list li b{font-size: 18px;}
	.lxwm-box .list li span{ font-size: 14px;}
	
	.lxwm-box .tit b{font-size: 30px;}
	
	.lxwm-box{ margin-bottom: 90px;}
}




/* 公司新闻 */
@media screen and (min-width: 320px) {
	.xwzx-box-bg{ padding: 15px 0; background: #F5F5F5;}
	i.pic-size-xwzx{padding-bottom: 59.877%;}
	.xwzx-box-bg dd{ background: #fff; padding: 15px;}
	
	.xwzx-box-bg .time{ font-size: 18px; color: #999; margin-bottom: 5px; line-height: 1.4;}
	.xwzx-box-bg .tit{ font-size: 16px; font-weight: bold; color: #E6002D; margin-bottom: 5px;}
	.xwzx-box-bg .txt{font-size: 12px; color: #2C3036; text-align: justify; margin-bottom: 5px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
	.xwzx-box-bg .more{ font-size: 14px; font-weight: bold; color: #E6002D;}
	
	.xwzx-list{ padding: 15px 0;}
	.xwzx-list ul{ margin: -10px 0;}
	.xwzx-list li{ padding: 10px 0;}
	.xwzx-list a{ border: solid 2px #F8F8F8; border-radius: 4px; display: block;}
	.xwzx-list dl{display: flex;}
	.xwzx-list dt{ display: flex; flex-direction: column; width: 100px; flex-shrink: 0; align-items: center; justify-content: center; position: relative; padding: 15px; position: relative;}
	.xwzx-list dt::before{content: ' '; background: #DDD; position: absolute; right: 0; width: 1px; top: 15px; bottom: 15px;}
	.xwzx-list dt b{ font-size: 36px; font-weight: normal; color: #999; line-height: 1; margin-bottom: 10px;}
	.xwzx-list dt span{ font-size: 14px; color: #999; line-height: 1;}
	.xwzx-list dt .shade{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); opacity: 0;}
	.xwzx-list dt i{ position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; z-index: 2; opacity: 0; transform: translateY(5px);}
	.xwzx-list dt i,.xwzx-list dt i::before{ width: 40px; height: 40px; font-size: 40px; line-height: 1; color: #fff;}
	
	.xwzx-list dd {min-width: 0; padding: 15px;}
	.xwzx-list dd .tit{ display: block; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; color: #2C3036;}
	.xwzx-list dd .txt{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #666;}
	.xwzx-list dd .more{ color: #999;}
	
	.xwzx-list a:hover .tit{ color: #E6002D;}
	.xwzx-list a:hover .more{ color: #E6002D;}
	.xwzx-list a:hover dt i{  transform: translateY(0); opacity: 1;}
	
	.xwzx-list a:hover dt .shade{opacity: 1;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.xwzx-box-bg{ padding: 25px 0;}
	.xwzx-box-bg dl{ display: flex;}
	.xwzx-box-bg dt{width: 380px; flex-shrink: 0;}
	.xwzx-box-bg dd{display: flex; flex: 1; flex-direction: column; justify-content: center; min-width: 0;}
	.xwzx-box-bg .time{font-size: 22px;}
	.xwzx-box-bg .tit{overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap;}
	.xwzx-box-bg .txt{}
	
	.xwzx-list{ padding: 25px 0;}
	.xwzx-list dd{ height: 128px;}
}

@media screen and (min-width: 1340px) {
	.xwzx-box-bg{ padding: 40px 0;}
	.xwzx-box-bg dt{width: 650px;}
	.xwzx-box-bg dd{ padding: 15px 30px;}
	.xwzx-box-bg .time{font-size: 28px; margin-bottom: 15px;}
	.xwzx-box-bg .tit{ font-size: 18px; margin-bottom: 15px;}
	.xwzx-box-bg .txt{font-size: 14px;  margin-bottom: 40px; line-height: 1.9;}
	
	
	.xwzx-list{ padding: 40px 0;}
	.xwzx-list dt{ width: 160px; padding: 30px;}
	.xwzx-list dt b{ font-size: 48px; }
	.xwzx-list dt span{ font-size: 20px; }
	.xwzx-list dd{ padding: 30px; height: 178px;}
	.xwzx-list dd .tit{ font-size: 18px;}
	.xwzx-list dd .txt{margin: 2px 0;}
}





/* 天然气 */
@media screen and (min-width: 320px) {
	i.pic-scale-trq{ padding-bottom: 50%;}
	.cpfw-list{}
	.cpfw-list ul{ margin: -10px 0;}
	.cpfw-list li{ padding: 10px 0;}
	.cpfw-list dd{ border: solid 1px #DDDDDD; border-top: none; padding: 15px;}
	.cpfw-list .tit{ color: #E6002D; display: block; margin-bottom: 5px;}
	.cpfw-list .txt{ color: #666; font-size: 12px;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.cpfw-list dl{display: flex;}
	.cpfw-list dt{width: 50%; flex-shrink: 0;}
	.cpfw-list dd{ border: solid 1px #DDDDDD; display: flex; justify-content: center; flex-direction: column; padding: 15px 20px;}
	
	.cpfw-list li:nth-child(odd) dl{flex-direction: row-reverse;}
	.cpfw-list li:nth-child(odd) dd{border-right: none;}
	.cpfw-list li:nth-child(even) dd{border-left: none;}
	.cpfw-list .tit{ font-size: 16px;}
	.cpfw-list .txt{ font-size: 14px;}
}

@media screen and (min-width: 1340px) {
	.cpfw-list dd{ padding: 15px 30px;}
	.cpfw-list .tit{font-size: 18px; margin-bottom: 10px;}
}




/* 仪表产品 */
@media screen and (min-width: 320px) {
	i.pic-scale-cp{ padding-bottom: 80.861%;}
	.cp-list dt{position: relative; border: solid 1px #DDDDDD;}
	.cp-list dd{ height: 50px; background: #F0F0F0;display: flex; align-items: center; justify-content: center; padding: 0 10px;}
	.cp-list dt i.icon-eye,.cp-list dt i.icon-eye::before{width: 40px; height: 40px; line-height: 40px; color: #fff; font-size: 40px;}
	.cp-list dt i.icon-eye{ position: absolute; left: 50%; top: 50%; margin-top: -20px; margin-left: -20px; z-index: 2; opacity: 0; transform: translateY(5px);}
	.cp-list .shade{background: rgba(0,0,0,.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; opacity: 0;}
	
	.cp-list ul{ margin: -5px; display: flex; flex-wrap: wrap;}
	.cp-list li{ padding: 5px; width:50%; flex-shrink: 0;}
	.cp-list li dd .tit{ text-align: center; line-height: 20px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #2C3036;}
	
	.cp-list a:hover .shade{ opacity: 1;}
	.cp-list a:hover dt i.icon-eye{ opacity: 1; transform: translateY(0);}
	.cp-list a:hover dd{ background: #E6002D;}
	.cp-list li a:hover dd .tit{ color: #fff;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.cp-list li{width: 33.33333%;}
	.cp-list li dd{height: 50px;}
	.cp-list li dd .tit{ line-height: 26px; font-size: 16px;}
	.cp-list ul{ margin: -10px;}
	.cp-list li{ padding: 10px;}
}

@media screen and (min-width: 1340px) {
	.cp-list li dd{height: 60px;}
	.cp-list li dd .tit{ line-height: 32px; font-size: 18px;}
}





/* 产品特性 */
@media screen and (min-width: 320px) {
	.cp-tit{display: flex; align-items: center; justify-content: center; margin-bottom: 20px; position: relative;}
	.cp-tit span{ height: 42px; background: #E6002D; color: #fff; font-size: 16px; padding: 0 20px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2;}
	.cp-tit hr{ position: absolute; margin: 0; width: 100%; top: 50%; background: #E6002D;}
	
	.swiper-cp-max-box{ margin-bottom: 10px;}
	.swiper-cp-min-box{ padding: 0 40px; position: relative;}
	
	.cp-btn{ position: absolute; left: 0; top: 50%; margin-top: -25px; width: 50px; height: 50px; cursor: pointer;}
	.cp-btn i,.cp-btn i::before{width: 50px; height: 50px;display: flex; align-items: center; justify-content: center; font-size: 32px; color: #DDD;}
	.cp-next{ right: 0; left: auto;}
	.cp-prev i::before{ margin-left: -20px;}
	.cp-next i::before{ margin-right: -20px;}
	
	.cp-btn:hover i::before{ color: #E6002D;}
	
	.swiper-cp-min-box .box{ position: relative;}
	.swiper-cp-min-box .box::before{content: ' ';  left: 0; top: 0; width: 100%; height: 100%; border: solid 1px #E6002D; position: absolute; z-index: 2; box-sizing: border-box; opacity: 0;}
	.swiper-cp-min-box .on .box::before{ opacity: 1;}
	
	.swiper-cp-min .swiper-slide{cursor: pointer;}
	
	.cp-info-r{ padding-top: 30px;}
	.cp-info-r .cp-box{ padding-bottom: 15px; text-align: justify;}
	.cp-info-r .cp-box:nth-last-child(1){padding-bottom: 0;}
	.cp-info-r .cp-box .tit{ color: #E6002D;}
	.cp-info-r .cp-box .txt{ color: #666;}
	.cp-info-r .cp-box .txt li{line-height: 2;}
	
	.cp-info-r b{ color:#E6002D;}
	.cp-info-r p{margin:0 0 10px 0 !important; text-indent:0 !important; line-height:1.6 !important; text-align:left;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.cp-tit{ margin-bottom: 40px;}
	.cp-tit span{ height: 60px; padding: 0 30px; font-size: 24px;}
	.cp-info{display: flex;}
	.cp-info-l{width: 50%; flex-shrink: 0; padding-right: 80px;}
	.cp-info-r{width: 50%; flex-shrink: 0; padding-top: 0;}
	.swiper-cp-max-box{ margin-bottom: 25px;}
}

@media screen and (min-width: 1340px) {
	.cp-tit{ margin-bottom: 60px;}
	.cp-tit span{ height: 80px; padding: 0 40px; font-size: 30px;}
	.cp-info-l{padding-right: 120px;}
	.swiper-cp-max-box{ margin-bottom: 47px;}
	
	.swiper-cp-min-box{ padding: 0 64px;}
	
	.cp-info-r .cp-box .tit{font-size: 18px;}
	.cp-info-r .cp-box .txt{ line-height: 2;}
}



/* 服务理念 */
@media screen and (min-width: 320px) {
	.fwln-box-mb{ margin-bottom: 30px;}
	
	.fwln-box .tit-01{ margin-bottom: 10px;}
	.fwln-box .tit-01 b{ font-size: 20px; font-weight: normal; color: #2C3036; display: block; line-height: 1.45;}
	.fwln-box-01 .list ul{ margin: -5px; display: flex; flex-wrap: wrap;}
	.fwln-box-01 .list li{ padding: 5px; width: 50%;}
	.fwln-box-01 .list li dl{display: flex; align-items: center; padding: 15px; background: #F8F8F8; position: relative;}
	.fwln-box-01 .list li dt{ padding-right: 10px; position: relative; z-index: 2;}
	.fwln-box-01 .list li dt i::before{ color: #E6002D; font-size: 36px;}
	.fwln-box-01 .list li dd{ position: relative; z-index: 2;}
	.fwln-box-01 .list li dd b{display: block; color: #2C3036;}
	.fwln-box-01 .list li dd span{display: block; font-size: 12px; color: #666;}
	
	.fwln-box-01 .list li .bg{ background: url(../img/fwln-bg@2x.jpg); position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: right bottom; opacity: 0;}
	
	.fwln-box-01 .list li dl:hover .bg{opacity: 1;}
	.fwln-box-01 .list li dl:hover dt i::before{ color: #fff;}
	.fwln-box-01 .list li dl:hover dd b{ color: #fff;}
	.fwln-box-01 .list li dl:hover dd span{ color: #fff; opacity: .7;}
	
	.fwln-box-01 .box{ margin-top: 20px; background: #F8F8F8;}
	.fwln-box-01 .box .txt{ padding: 15px;}
	
	
	.fwln-box-02{background-image: url(../img/fwln-bg-02@2x.jpg); background-size: 200%; background-repeat: no-repeat; background-position: center top; padding: 32vw 0 0 0; background-color: #F6F6F6; }
	.fwln-box-02 .box{padding: 15px 0;}
	
	.box-r{ padding-top: 20px;}
	.dqaqjc-tabs{display: flex;}
	.dqaqjc-tabs .hd{ margin: -2px 0; flex-shrink: 0; width: 100px; padding-right: 10px;}
	.dqaqjc-tabs .hd div{ padding: 2px 0;}
	.dqaqjc-tabs .hd span{ background: #F5F5F5; color: #2C3036; height: 36px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
	.dqaqjc-tabs .bd .mess b{ color: #2C3036;display: block; }
	.dqaqjc-tabs .bd .mess div{ color: #666;}
	
	.dqaqjc-tabs .hd .on span{ background: #E6002D; color: #fff; font-weight: bold;}
	
	.fwln-box-03 .list{ padding-top: 20px;}
	.fwln-box-03 .list ul{display: flex; flex-wrap: wrap; margin: -5px;}
	.fwln-box-03 .list li{width: 33.3333%; flex-shrink: 0; padding: 5px;}
	
	
	.swiper-fwln .swiper-wrapper{ display: flex; align-items: stretch;}
	.swiper-fwln .swiper-slide{display: flex; height: auto;}
	.swiper-fwln dl{display: flex; cursor: pointer; width: 100%;}
	.swiper-fwln dt{ width: 68px; background: #DDD; display: flex; align-items: center; justify-content: center; font-size: 36px; flex-shrink: 0; color: #fff;}
	.swiper-fwln dd{ background: #F8F8F8; padding: 15px; font-size: 12px; color: #666; flex: 1;}
	
	.swiper-fwln .swiper-slide{width: 280px;}
	
	.swiper-fwln .swiper-slide-active dt{ background: #E6002D;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	
	.fwln-box-mb{ margin-bottom: 45px;}
	
	.fwln-box .tit-01{ margin-bottom: 20px;}
	.fwln-box .tit-01 b{font-size: 26px;}
	
	.fwln-box-01 .list li{width: 25%;}
	
	.fwln-box-02{ padding: 0;  background-size: cover;}
	.fwln-box-02 .box{ height: 260px; display: flex; flex-direction: column; justify-content: center;}
	.fwln-box-02 .txt{ font-size: 16px;}
	
	
	
	.fwln-box-03 .box{display: flex;}
	.fwln-box-03 .box-l{ width: 46%; padding-right: 60px;}
	.fwln-box-03 .box-r{ width: 54%; padding-top: 0;}
	.fwln-box-03 .box-l .txt{font-size: 14px;}
	
	.dqaqjc-tabs .hd{ width: 200px; padding-right: 30px;}
	.dqaqjc-tabs .hd span{ height: 48px; font-size: 16px;}
	.dqaqjc-tabs .bd .mess b{font-size: 16px; margin-bottom: 10px;}
	
	.fwln-box-03 .list{ padding-top: 30px;}
	
	
	
	.swiper-fwln .swiper-slide{width: 440px;}
	.swiper-fwln dd{ padding: 20px;}
	.swiper-fwln dt{ width: 88px; min-height: 88px; font-size: 40px;}
	.swiper-fwln dd{font-size: 14px;}
}

@media screen and (min-width: 1340px) {
	
	.fwln-box-mb{ margin-bottom: 60px;}
	
	.fwln-box .tit-01{ margin-bottom: 20px;}
	.fwln-box .tit-01 b{font-size: 30px;}
	
	.fwln-box-01 .list li dl{ padding: 0 38px; height: 154px;}
	.fwln-box-01 .list li dt i::before{font-size: 64px; line-height: 1;}
	.fwln-box-01 .list li dd b{}
	.fwln-box-01 .list li dt{ padding-right: 5px;}
	.fwln-box-01 .list li dd b{font-size: 18px;}
	.fwln-box-01 .list li dd span{font-size: 14px;}
	
	.fwln-box-01 .box .txt{ padding: 25px 40px;}
	.fwln-box-01 .box .pic{ display: flex; justify-content: center;}
	
	
	.fwln-box-02 .box{height: 320px;}
	.fwln-box-02 .txt{ font-size: 18px;}
	
	
	.fwln-box-03 .box-l{ padding-right: 100px;}
	.fwln-box-03 .box-r{ padding-top: 0;}
	.dqaqjc-tabs .hd{ width: 250px; padding-right: 35px;}
	.dqaqjc-tabs .hd{ margin: -5px 0;}
	.dqaqjc-tabs .hd div{ padding: 5px 0;}
	
	.dqaqjc-tabs .hd span{ font-size: 18px;}
	.dqaqjc-tabs .bd .mess b{font-size: 18px; margin-bottom: 15px;}
	
	
	.swiper-fwln .swiper-slide{width: 540px;}
	.swiper-fwln dt{ width: 108px; min-height: 108px; font-size: 48px;}
	
	
}




/* 安全用气常识 */
@media screen and (min-width: 320px) {
	.aqyqcs-list ul{ margin: -10px;}
	.aqyqcs-list li{ padding: 10px;}
	.aqyqcs-list a{ background: #F8F8F8; display: block; padding: 15px;}
	.aqyqcs-list .tit{display: block; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; color: #2C3036;}
	.aqyqcs-list dt{ border-bottom: solid 1px #E4E4E4; padding-bottom: 10px;}
	.aqyqcs-list dd{ padding-top: 10px;}
	.aqyqcs-list .mess{display: flex; justify-content: space-between; padding-top: 10px;}
	.aqyqcs-list .txt{color: #666; font-size: 14px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
	.aqyqcs-list .time{ color: #999; font-size: 14px;}
	.aqyqcs-list .more{ color: #E6002D; font-size: 14px;}
	.aqyqcs-list a:hover .tit{ color: #E6002D;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.aqyqcs-list ul{ margin: -15px; display: flex; flex-wrap: wrap;}
	.aqyqcs-list li{ padding: 15px; width: 33.333%;}
	.aqyqcs-list a{ padding: 25px;}
	.aqyqcs-list .tit{font-size: 16px;}
}

@media screen and (min-width: 1340px) {
	.aqyqcs-list ul{ margin: -20px; }
	.aqyqcs-list li{ padding: 20px; }
	.aqyqcs-list a{ padding: 30px;}
	.aqyqcs-list .tit{font-size: 18px;}
	.aqyqcs-list dt{ padding-bottom: 15px;}
	.aqyqcs-list dd{ padding-top: 15px;}
	.aqyqcs-list .mess{ padding-top: 20px;}
}




/* 人才理念 */
@media screen and (min-width: 320px) {
	.rcln-pic-box ul{ margin: -10px;}
	.rcln-pic-box li{ padding: 10px;}
	.rcln-pic-box .bg{-webkit-background-size: cover;
	background-size: cover; background-position: center; height: 60vw; position: relative; cursor: pointer;}
	.rcln-pic-box .mess{ padding: 15px; background: rgba(0,0,0,.36); position: absolute; left: 0; bottom: 0; right: 0;}
	.rcln-pic-box .bg b{ color: #FFF; display: block; font-weight: normal; font-size: 16px; margin-bottom: 5px; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap;}
	.rcln-pic-box .bg span{color: #fff; opacity: .8;  overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 14px; height: 76px;}
	
	.rcln-box-mb{ margin-bottom: 30px;}
	
	.rcnl-box-02{ background: #F8F8F8; padding-top: 25px;}
	.rcnl-box-02 .tit{ font-size: 20px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; color: #E6002D;}
	.rcnl-box-02 .txt{ color: #666; font-size: 14px; margin-bottom: 15px;}
	.rcnl-box-02 .pic-box{position: relative;}
	.rcnl-box-02 .pic-box ul{ margin: -5px; padding-top: 10px;}
	.rcnl-box-02 .pic-box li{ padding: 5px;}
	.rcnl-box-02 .pic-box li .box{ position: relative; background: rgba(0,0,0,.3);}
	.rcnl-box-02 .pic-box li .mess{position: relative; z-index: 2; padding: 15px;}
	.rcnl-box-02 .pic-box li .bg{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../img/rcnl-bg-01@2x.jpg); -webkit-background-size: cover;
	background-size: cover; background-position: bottom right;}
	
	.rcnl-box-02 .pic-box li .mess b{ display: block; text-align: center; color: #fff; font-size: 16px; padding-bottom: 5px; font-weight: normal;}
	.rcnl-box-02 .pic-box li .mess span{ color: #fff; opacity: .8; text-align: center; display: block; font-size: 14px;}
	.rcnl-box-02 .pic-box li .mess i{display: none;}
	
	
	.rcnl-box-03{ background: url(../img/rcln-pic-05@2x.jpg); padding-top: 100px; background-size:1920px 360px; background-repeat: no-repeat;}
	
	.rcnl-box-03 .map-02{ height: 300px;}
	
	.rcnl-box-03 .bg{ background: url(../img/rcnl-bg-02@2x.jpg); -webkit-background-size: cover;
	background-size: cover; background-position: bottom right; padding: 15px;}
	.rcnl-box-03 .bg .tit{ color: #fff; font-size: 18px; font-weight: normal; display: block; margin-bottom: 5px;}
	.rcnl-box-03 .bg ul{ margin: -5px 0;}
	.rcnl-box-03 .bg li{ display: flex; padding: 5px 0;}
	.rcnl-box-03 .bg li i{padding-right: 10px; line-height: 26px;}
	.rcnl-box-03 .bg li i::before{ color: #fff; font-size: 18px; line-height: 26px;}
	.rcnl-box-03 .bg li span{line-height: 26px; color: #fff;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.rcln-pic-box .mess{ padding: 25px;}
	.rcln-pic-box ul{ display: flex; margin: 0;}
	.rcln-pic-box li{ flex: 1; padding: 0;}
	.rcln-pic-box .bg{ height: 350px;}
	.rcln-pic-box .bg b{font-size: 18px;}
	.rcln-pic-box .on{flex: 2;}
	.rcln-pic-box .on .bg .mess{ background: #E6002D;}
	
	
	.rcln-box-mb{ margin-bottom: 45px;}
	
	
	.rcnl-box-02 .tit{font-size: 26px;}
	.rcnl-box-02 .txt{ margin-bottom: 25px;}
	
	.rcnl-box-02 .pic-box ul{ margin: 0; display: flex; position: absolute; padding: 0; left: 0; bottom: 0; right: 0; align-items: flex-end;}
	.rcnl-box-02 .pic-box li{ padding: 0; position: relative; cursor: pointer;}
	.rcnl-box-02 .pic-box li::before{ content: ' '; width: 1px; right: 0; top: 0; bottom: 0; position: absolute; background: rgba(255,255,255,.6);}
	.rcnl-box-02 .pic-box li:nth-last-child(1)::before{ display: none;}
	.rcnl-box-02 .pic-box li .mess{display: flex; flex-direction: column; align-items: center;}
	.rcnl-box-02 .pic-box li .mess span{ margin-bottom: 10px; height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
	.rcnl-box-02 .pic-box li .mess i{ width: 40px; height: 40px; border-radius: 50%; border: solid 1px #FFF; display: flex; align-items: center; justify-content: center; padding-top: 2px; transform: rotate(180deg);}
	.rcnl-box-02 .pic-box li .mess i::before{ color: #fff; font-size: 36px; line-height: 1;}
	.rcnl-box-02 .pic-box li .bg{opacity: 0;}
	
	.rcnl-box-02 .pic-box li.on .mess b{font-weight: bold;}
	.rcnl-box-02 .pic-box li.on .mess span{ height: 242px; -webkit-line-clamp: 11; }
	.rcnl-box-02 .pic-box li.on .mess i{ background: #fff; transform: rotate(360deg);}
	.rcnl-box-02 .pic-box li.on .mess i::before{color: #E6002D;}
	.rcnl-box-02 .pic-box li.on .bg{opacity: 1;}
	
	.rcnl-box-02 .pic-box li .mess{ padding: 25px;}
	
	.rcnl-box-03{ padding-top: 200px;}
	
	.rcnl-box-03 .map-box{display: flex;}
	.rcnl-box-03 .map-l{flex: 1;}
	.rcnl-box-03 .map-r{ width: 324px; height: 324px; flex-shrink: 0;}
	.rcnl-box-03 .map-02{ height: 324px;}
	.rcnl-box-03 .map-r .bg{height: 324px; padding: 30px;}
	.rcnl-box-03 .bg .tit{ font-size: 26px; margin-bottom: 10px;}
	
	
}

@media screen and (min-width: 1340px) {
	.rcln-pic-box .mess{ padding: 30px;}
	.rcln-pic-box .bg{ height: 428px;}
	.rcln-pic-box .bg b{font-size: 22px;}
	.rcnl-box-02 .pic-box li.on .mess span{ height: 174px; -webkit-line-clamp: 8; }
	
	.rcln-box-mb{ margin-bottom: 60px;}
	
	
	.rcnl-box-02 .tit{font-size: 30px;}
	.rcnl-box-02 .pic-box li .mess{ padding: 30px;}
	.rcnl-box-02 .pic-box li .mess b{ font-size: 18px;}
	
	.rcnl-box-03 .bg .tit{font-size: 30px;}
}




/* 人才招聘 */
@media screen and (min-width: 320px) {
	.rcln-box .tit-01{ margin-bottom: 10px;}
	.rcln-box .tit-01 b{ font-size: 20px; font-weight: normal; color: #2C3036; display: block; line-height: 1.45;}
	.join-list{}
	
	/* .join-body dl:nth-child(even) .join-row{background: #F6F6F6;} */
	
	.join-header .join-row{ background: #fff; border-top: solid 1px #E8E8E8;}
	.join-header .join-row .col{ color: #333; font-weight: bold;}
	.col-m-hide{display: none;}
	
	.join-row {display: flex; border-bottom: solid 1px #E8E8E8;}
	.join-row .col{padding: 10px 10px;}
	.join-row .col-10{ flex:1; flex-shrink: 0;}
	.join-row .col-04{ flex:1; flex-shrink: 0;}
	
	.join-row i{display: flex; align-items: center; justify-content: center;}
	.join-row i::before{ color: #CBCBCB; display: block;}
	
	.join-body dt{ cursor: pointer;}
	.join-body dd{ padding: 10px; border: solid 1px #E8E8E8; display: none; border-top: none;}
	
	.join-body ul { background: #f9f9f9; padding: 10px; border-radius: 4px; margin-bottom: 15px;}
	.join-body ul li{ display: flex; border-bottom: solid 1px #E8E8E8; padding: 5px 0;}
	.join-body ul li:nth-last-child(1){border: none;}
	.join-body ul li span{ padding-right: 15px; font-size: 12px;}
	.join-body ul li span:nth-child(1){font-weight: bold;}
	
	.join-body .btn{display: flex; flex-wrap: wrap; align-items: center;}
	.join-body .btn a{ height: 40px; padding: 0 30px; border-radius: 4px; background: #E6002D; white-space: nowrap; display: flex; align-items: center; justify-content: center; color: #fff; margin-right: 15px;}
	.join-body .btn a:hover{ transform: translateY(-3px); box-shadow: 0 3px 10px rgba(218,37,28,.6);}
	.join-body dd div{ font-size: 12px;}
	
	
	.join-body .on{ background: #EFEFEF;}
	/* .join-body .on .join-row i::before{transform: rotate(90deg); color: #E6002D;} */
	
	.join-body .box{ padding-bottom: 15px;}
	
	.join-body .more::before{ color: #E6002D;}
	.join-body .more-off{display: none;}
	.join-body .on .more-on{display: none;}
	.join-body .on .more-off{display: block;}
	
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.rcln-box .tit-01{ margin-bottom: 20px;}
	.rcln-box .tit-01 b{font-size: 26px;}
	.col-m-hide{display: block;}
	
	.join-row .col{display: flex; align-items: center; justify-content: center;}
	.join-row .col-10{ flex-basis: 41.66667%; flex-shrink: 0; justify-content: flex-start;}
	.join-row .col-04{ flex-basis: 33.33333%; flex-shrink: 0; justify-content: flex-start;}
	.join-row .col-03{ flex-basis: 25%; flex-shrink: 0;}
	.join-row .col-02{ flex-basis: 16.666667%;flex-shrink: 0;}
	.join-row .col-01{ flex-basis: 8.3333333%; flex-shrink: 0;}
	
	.join-row .col{ padding: 10px 10px;}
	
	.join-body ul{display: none;}
	
	.join-header .join-row{ padding: 0 10px;}
	.join-body dt .join-row{ padding: 0 10px;}
	.join-body dd{ padding: 15px 20px 20px 20px;}
	.join-body dd div{ font-size: 14px;}
	
	.join-row i::before{font-size: 16px; line-height: 1;}
	
	.join-body .btn a{ margin-right: 20px; font-size: 14px;}
	
	
	.join-body .box{ padding-bottom: 25px;}
	.join-body .box .tit{ font-size: 16px;}
}

@media screen and (min-width: 1340px) {
	.rcln-box .tit-01 b{font-size: 30px;}
	.join-row .col{ padding: 18px 20px;}
	
	.join-body dd{ padding: 30px 40px 30px 40px;}
	.join-body dd div{ font-size: 16px;}
	
	.join-row i::before{font-size: 18px;}
	
	.join-body .box{ padding-bottom: 30px;}
	.join-body .box .tit{ font-size: 18px;}
}








/* 文化理念 */
@media screen and (min-width: 320px) {
	
	.whln-box-mb{ margin-bottom: 30px;}
	
	.whln-box-01 .tit{display: flex; flex-direction: column; align-items: center; justify-content: center;}
	.whln-box-01 .tit .icon{ margin-bottom: 5px;}
	.whln-box-01 .tit .icon img{width: 54px;}
	.whln-box-01 .tit b{ font-size: 20px; font-weight: normal; color: #2C3036; margin-bottom: 5px;}
	.whln-box-01 .tit span{ font-size: 14px; color: #666; background-image: url(../img/whln-bg-01@2x.jpg); -webkit-background-size: contain;
	background-size: contain; background-position: bottom right; background-repeat:no-repeat; background-color:#004EA2; display:block; width:100%; color:#fff; display:flex; justify-content:center; align-items:center; min-height:88px; padding:15px;}
	
	.whln-box-01 .list{ padding-top: 20px;}
	.whln-box-01 .list ul{ margin: -10px;}
	.whln-box-01 .list li{ padding: 10px;}
	
	.whln-box-01 .list .min-tit{ font-size: 20px; color: #2C3036; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;}
	
	.whln-box-01 .list .box{ background: #F8F8F8; padding: 15px; position: relative; cursor: pointer;}
	.whln-box-01 .list .mess b{ color: #2C3036; display: block; margin-bottom: 5px; font-size: 16px;}
	.whln-box-01 .list .mess span{ color: #666; font-size: 14px;}
	.whln-box-01 .list .mess{position: relative; z-index: 2;}
	
	.whln-box-01 .list .bg{ position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-image: url(../img/whln-bg-01@2x.jpg); -webkit-background-size: cover;
	background-size: cover; background-position: bottom right; opacity: 0;}
	
	.whln-box-01 .list-02 .bg{ background-image: url(../img/whln-bg-02@2x.jpg);}
	
	.whln-box-02{background: url(../img/whln-bg-03@2x.jpg); -webkit-background-size: cover;
	background-size: cover; position: relative; padding: 20px 0;}
	.whln-box-02::before{ content: ' '; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: .4;}
	
	.whln-tabs{position: relative;}
	.whln-tabs .tabs-r .hd{display: flex; padding-bottom: 20px;}
	.whln-tabs .tabs-r .hd div{ flex:1; display: flex; align-items: center; justify-content: center; flex-direction: column; cursor: pointer;}
	.whln-tabs .tabs-r .hd div span{ color: #fff; font-size: 16px; padding-top: 5px;}
	.whln-tabs .tabs-r .hd div i{ width: 10px; height: 10px; border-radius: 50%; background: #fff; margin: 5px;}
	.whln-tabs .tabs-r .hd .on span{ color: #E6002D;}
	.whln-tabs .tabs-r .hd .on i{ width: 20px; height: 20px; background: #E6002D; margin: 0;}
	.whln-tabs .tabs-r .hd::before{ content: ' '; position: absolute; left: -15px; right: -15px; height: 1px; background: #FFF; top: 9px;}
	.whln-tabs .tabs-l .tit{ font-size: 20px; color: #fff; margin-bottom: 10px;}
	
	.whln-tabs .tabs-l .bd .min-tit{ color: #fff; font-weight: bold; font-size: 16px;}
	.whln-tabs .tabs-l .bd .txt{ border-top: solid 1px rgba(255,255,255,.4); color: #fff; margin-top: 10px; padding-top: 10px;}
	
	
	
	.whln-box-03 .tit{ margin-bottom: 10px; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #2C3036;}
	.whln-box-03 .list dl{display: flex;}
	.whln-box-03 .list dt{display: flex; align-items: center; justify-content: center; width: 120px; background: #004EA2; color: #fff; font-weight: bold; font-size: 12px; flex-shrink: 0; min-height: 100px;}
	.whln-box-03 .list li:nth-child(even) dt{background: #E6002D;}
	.whln-box-03 .list { margin: -10px 0;}
	.whln-box-03 .list li{ padding: 10px 0;}
	.whln-box-03 .list li dd{ border: solid 1px #DDD; border-left: none; padding: 15px; flex: 1;}
	
	.whln-box-04{background: url(../img/whln-bg-04@2x.jpg); -webkit-background-size: cover;
	background-size: cover; position: relative; padding: 15px;}
	.whln-box-04::before{ content: ' '; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: .4;}
	
	.whln-box-04 .gzfw-tabs{position: relative; z-index: 2;}
	.whln-box-04 .tit{ position: relative; z-index: 2; margin-bottom: 30px; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #fff;}
	.whln-box-04 .min-tit{ margin-bottom: 10px; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: bold; color: #fff;}
	.whln-box-04 .txt{ color: #fff; text-align: center;}
	.whln-box-04 .hd{display: flex; flex-wrap: wrap; padding-top: 30px; margin: -5px;}
	.whln-box-04 .hd div{ color: #fff; width: 33.3333%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 5px; cursor: pointer;}
	.whln-box-04 .hd i{width: 10px; height: 10px; border-radius: 50%; background: #fff; margin: 5px;}
	.whln-box-04 .hd div.on span{ color: #E6002D; font-weight:bold;}
	.whln-box-04 .hd div.on i{ background: #E6002D; width: 20px; height: 20px; margin: 0;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	
	.whln-box-mb{ margin-bottom: 45px;}
	
	.whln-box-01 .tit{ padding-top: 10px;}
	.whln-box-01 .tit .icon{ margin-bottom: 10px;}
	.whln-box-01 .tit b{ font-size: 26px; margin-bottom: 5px;}
	.whln-box-01 .tit span{ font-size: 20px;}
	
	.whln-box-01 .list{ padding-top: 30px;}
	.whln-box-01 .list ul{ display: flex;}
	.whln-box-01 .list li{flex: 1; display: flex;}
	.whln-box-01 .list .box{flex: 1; padding:20px 25px;}
	.whln-box-01 .list .min-tit{font-size: 26px; margin-bottom: 20px;}
	.whln-box-01 .list .mess b{font-size: 18px; margin-bottom: 10px;}
	
	
	.whln-box-01 .list .box:hover .bg{ opacity: 1;}
	.whln-box-01 .list .box:hover .mess b{ color: #fff;}
	.whln-box-01 .list .box:hover .mess span{ color: #fff; opacity: .7;}
	
	.whln-box-02{ padding: 0;}
	.whln-tabs{ display: flex; flex-direction: row-reverse;  align-items: center;}
	.whln-tabs .tabs-r .hd::before{left: auto; top: 0; bottom: 0; right: 10px; width: 1px; height: auto;}
	.whln-tabs .tabs-r{ flex-shrink: 0; padding: 30px 0;}
	.whln-tabs .tabs-r .hd{display: flex; flex-direction: column; padding: 0;}
	.whln-tabs .tabs-r .hd div{ flex-direction: row-reverse; margin: 20px 0;}
	.whln-tabs .tabs-r .hd div span{ padding-top: 0; padding-right: 15px;}
	
	.whln-tabs .tabs-l{ padding-right: 200px; flex: 1;}
	.whln-tabs .tabs-l .tit{ margin-bottom: 15px; font-size: 26px;}
	.whln-tabs .tabs-l .bd .txt{ margin-top: 15px; padding-top: 15px;}
	
	.whln-box-03 .tit{ font-size: 26px; margin-bottom: 20px;}
	
	.whln-box-03 .list dt{font-size: 16px; width: 200px; min-height: 120px;}
	
	.whln-box-04{ padding: 30px;}
	.whln-box-04 .hd div span{ padding-bottom: 10px;}
	.whln-box-04 .hd div{width: 16.6666666%;}
	.whln-box-04 .tit{ font-size: 26px; margin-bottom: 40px;}
	
	.gzfw-line{ position: relative; padding: 0 30px;}
	.gzfw-line .hd{position: relative; z-index: 2; padding-top: 50px;}
	.gzfw-line hr{height: 1px; margin: 0; position: absolute; left: 0; bottom: 15px; right: 0;}
	.gzfw-line::after,.gzfw-line::before{content: ' '; width: 10px; height: 10px; position: absolute; left: 0; bottom: 11px; border-radius: 50%; background: #fff;}
	.gzfw-line::before{left: auto; right: 0;}
	.whln-box-04 .hd div span{font-size: 16px;}
}

@media screen and (min-width: 1340px) {
	
	.whln-box-mb{ margin-bottom: 60px;}
	
	.whln-box-01 .tit{ padding-top: 20px;}
	.whln-box-01 .tit .icon{ margin-bottom: 15px;}
	.whln-box-01 .tit b{ font-size: 30px; margin-bottom: 15px;}
	.whln-box-01 .tit span{ font-size: 28px;}
	
	.whln-box-01 .list{ padding-top: 50px;}
	.whln-box-01 .list .min-tit{font-size: 30px; margin-bottom: 25px;}
	.whln-box-01 .list .box{padding:28px 30px;}
	.whln-box-01 .list .mess b{}
	
	.whln-tabs .tabs-r{ padding: 60px 0;}
	.whln-tabs .tabs-r .hd div{ margin: 30px 0;}
	
	.whln-tabs .tabs-l{ padding-right: 460px;}
	.whln-tabs .tabs-l .tit{font-size: 30px;}
	.whln-tabs .tabs-l .bd .min-tit{font-size: 18px;}
	
	.whln-box-03 .tit{ font-size: 30px; margin-bottom: 25px;}
	
	.whln-box-03 .list dt{font-size: 18px; width: 240px;}
	.whln-box-03 .list li dd{ padding: 20px 25px;}
	
	
	.whln-box-04{ padding:50px 40px;}
	.whln-box-04 .tit{ font-size: 30px; margin-bottom: 70px;}
	.whln-box-04 .min-tit{font-size: 18px; margin-bottom: 15px;}
	
	.gzfw-line .hd{ padding-top: 115px;}
	.gzfw-line{ padding: 0 90px;}
	.whln-box-04 .hd div span{ padding-bottom: 8px; font-size: 20px;}
}





/* 企业宣传片 */
@media screen and (min-width: 320px) {
	i.pic-scale-video-02{ padding-bottom: 56.3272%;}
	.video-box .pic{ position: relative;}
	.video-box .shade{ background: #000; opacity: .2; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
	.video-box .iconfont{ position: absolute; left: 50%; top: 50%; width: 56px; height: 56px; z-index: 2; display: flex; align-items: center; justify-content: center; margin-left: -28px; margin-top: -28px;}
	.video-box .iconfont::before{ line-height: 1; font-size: 50px; color: #fff;}
	.video-box .tit{ display: flex; align-items: center; justify-content: center; padding-top: 5px;}
	.video-box .tit span{ color: #2C3036; font-weight: bold; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis;}
	.video-box a:hover .tit span{ color: #E6002D;}
	.video-list li{ padding-top: 20px;}
	
	.video-tit{ position: absolute; bottom: -45px; width: 100%; text-align: center; color: #fff; background: rgba(60,60,60,.9); padding: 0 65px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}
	.video-tit span{  line-height: 40px; }
	.video-prev{ width: 40px; height: 40px; line-height: 40px; position: absolute; left: 0; background: rgba(0,0,0,.6); color: #fff; text-align: center; cursor: pointer; bottom: -45px; z-index: 2;  transition: .3s;}
	.video-prev::before{display: block; transition: .3s;}
	.video-prev:hover::before{ transform: translateX(-3px);}
	.video-next{ width: 40px; height: 40px; line-height: 40px; position: absolute; right: 0; background: rgba(0,0,0,.6); color: #fff; text-align: center; cursor: pointer; bottom: -45px; z-index: 2;  transition: .3s;}
	.video-next::before{display: block; transition: .3s;}
	.video-next:hover::before{ transform: translateX(3px);}
	.video-prev:hover,.video-next:hover{ background: #E6002D;}
	
	.voice-play .shade{ opacity: .6;}
	.voice-play .tit span{ color: #e6002d;}
	.voice-play .iconfont::before{ color: #e6002d;}
	
	.backstage-audio{display: none;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.video-list{ padding-top: 20px;}
	.video-list ul{ margin: -10px; display: flex; flex-wrap: wrap;}
	.video-list li{padding: 10px; width: 33.33333%;}
	
	.video-box .tit { padding-top: 8px;}
	.video-box .tit span{ font-size: 16px;}
}

@media screen and (min-width: 1340px) {
	.video-list{ padding-top: 40px;}
	.video-box .tit { padding-top: 11px;}
	.video-box .tit span{ font-size: 18px;}
}





/* 内刊 */
@media screen and (min-width: 320px) {
	.nk-list ul{ margin: -10px; display: flex; flex-wrap: wrap;}
	.nk-list li{ padding: 10px; width: 50%;}
	i.pic-scale-nk{padding-bottom: 125.566%;}
	.nk-list .tit{ display: flex; align-items: center; justify-content: center; padding-top: 5px;}
	.nk-list .tit span{ color: #2C3036; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.nk-list li{ width: 25%;}
	.nk-list .tit { padding-top: 8px;}
	.nk-list .tit span{ font-size: 16px;}
}

@media screen and (min-width: 1340px) {
	.nk-list .tit { padding-top: 11px;}
	.nk-list .tit span{ font-size: 18px;}
	
}




/* 公司概括 */
@media screen and (min-width: 320px) {
	.gsgk-bg{ background: #F5F5F5; padding: 20px;}
	.gsgk-tit {display: flex; align-items: flex-end; justify-content: center; position: relative; height: 40px; margin-bottom: 20px;}
	.gsgk-tit .en{ text-transform: uppercase; color: #E6002D; opacity: .06; position: absolute; font-weight: bold; font-size: 28px; line-height: 1; position: absolute; top: 50%; transform: translateY(-50%); border-bottom: solid 2px #E6002D;}
	.gsgk-tit .cn{ line-height: 1; padding-bottom: 5px; border-bottom: solid 2px #E6002D; font-size: 16px; color: #E6002D;}
	
	.gsgk-bg .txt{ text-align: center; margin-bottom: 20px;}
	.gsgk-bg .pic{display: flex; align-items: center; justify-content: center;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.gsgk-bg{ padding: 30px 60px; }
	.gsgk-tit{height: 58px; margin-bottom: 40px;}
	.gsgk-tit .en{font-size: 48px;}
	.gsgk-tit .cn{font-size: 24px;}
	.gsgk-bg .txt{font-size: 16px;}
	
}

@media screen and (min-width: 1340px) {
	.gsgk-bg{ padding: 40px 88px; }
	.gsgk-tit{ margin-bottom: 60px;}
	.gsgk-tit .en{font-size: 56px;}
	.gsgk-tit .cn{font-size: 30px;}
	.gsgk-bg .txt{font-size: 18px;}
}



@media screen and (min-width: 320px) {
	
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	
}

@media screen and (min-width: 1340px) {
	
}



/*弹窗视频*/
@media screen and (min-width: 320px) {
.video-show.layui-layer-iframe{overflow: visible;}
.video-show{ width: 300px !important; height: 175px !important; left: 50% !important; top: 50% !important; transform: translate(-50%,-50%) !important;}

	.video-show .layui-layer-setwin{ right: 0; top: 0;}
	.video-show .layui-layer-setwin .layui-layer-close2{ right: 0; top: -35px;width: 35px; height: 35px; background: #E6002D; font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; text-align: center; line-height: 35px;}
	.video-show .layui-layer-setwin .layui-layer-close2:before { content: "\e639"; color: #fff; font-size: 14px;}
	
	div.video-show .layui-layer-content{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; overflow: visible;}
	.jcsp-video{display: none;}
	.video-show video{display: block;}
	.video-show video{ width: 100%; height: 100%;}
	
}



@media screen and (min-width: 384px) {
	.video-show{ width: 365px !important; height: 210px !important;}
}

@media screen and (min-width: 480px) {
	.video-show{ width: 420px !important; height: 240px !important;}
}

@media screen and (min-width: 640px) {
	.video-show{ width: 630px !important; height: 360px !important;}
}

@media screen and (min-width: 768px) {
	.video-show{ width: 700px !important; height: 400px !important;}
}

@media screen and (min-width: 992px) {
	.video-show{ width: 900px !important; height: 510px !important;}
}

/*@media screen and (min-width: 1340px) {
	.video-show{ width: 1100px !important; height: 620px !important;}
}*/


/*--内容盒子--*/
@media screen and (min-width: 320px) {
	.content-box:after{content: ' '; clear: both; width: 0; height: 0; overflow: hidden; display: block;}
	.content-box{ text-align: justify; text-justify:inter-word; font-size: 14px; color: #666666; position: relative; z-index: 10; line-height: 2;}
	.content-box *{ line-height: 1.75; font-size: 14px;}
	.content-box img{max-width: 100%;}
	
	.content-bd{  margin-bottom: 30px;}
	
	body.view img{max-width: 100%;}
	
	.no-tips{ padding: 20px; color: #999; display: flex; align-items: center; justify-content: center; font-size: 16px;}
		
}

@media screen and (min-width: 992px) {
	.content-bd{  margin-bottom: 60px;}
}

@media screen and (min-width: 1340px)  {
	.content-box *{ font-size: 16px;}
	.content-bd{  margin-bottom: 80px;}
}





@media screen and (min-width: 320px) {
	
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	
}

@media screen and (min-width: 1340px) {
	
}
